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

HTML5+CSS3 欲思 5评论

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

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

jquery-css3-img

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

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

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

源码下载
使用方法:

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

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

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

转载请注明:欲思博客 » jQuery+CSS3实现图片翻转特效 可水平垂直翻转

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (30)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

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