jQuery+CSS3实现图片翻转特效 可水平垂直翻转

这是一款基于jQuery和CSS3的图片翻转特效,点击按钮后图片翻转的效果炫酷毙了。

每一张图片都有文字标题悬浮在图片上,点击切换按钮,每一张图片均会进行水平或者垂直翻转。

jQuery+CSS3实现图片翻转特效 可水平垂直翻转

翻转效果花样非常多,而且有3D立体的视觉效果。你可以体验到CSS3的运用让这些图片都变得动感十足。

如果喜欢这种图片特效,你还可以去看看:

鼠标点击切换按钮即可看到效果,废话不多说,直接上Demo:

源码下载
使用方法:

1、在head区域引入样式表文件demo.css和相关的js文件

2、点击按钮即可看到想要的效果。

3、如果需要自己定制相应的效果。修改css相应的类即可。

未经允许不得转载:欲思博客 » jQuery+CSS3实现图片翻转特效 可水平垂直翻转
喜欢(0) 打赏

评论5

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #4
    这样的功能是如何在博客文章里实现的?大神赐教。
    Aaron2014-12-04 11:23:32回复
  2. #3
    15种CSS混合模式让图片产生令人惊艳的效果
    23040298282014-08-09 16:45:27回复
  3. #2
    有用。学习了。
    书法时间2014-08-03 21:57:51回复
  4. #1
    你这咋引用到文章去的啊?
    胡洋2014-07-30 21:00:16回复
    • 额。不是已经说了么。引入样式表文件demo.css和相关的js文件,修改css相应的类即可。
      欲思2014-07-31 0:14:35回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

在线客服

在线客服

  • 扫描二维码,微信联系 扫描二维码,微信联系