jQuery编程挑战#013：使用jQuery生成图片的水平翻转动画效果

最新推荐文章于 2024-07-21 02:55:21 发布

zeyu1021

最新推荐文章于 2024-07-21 02:55:21 发布

阅读量1.4k

点赞数

本文链接：https://blog.youkuaiyun.com/zeyu1021/article/details/44921125

版权

本篇博客介绍如何利用jQuery创建一个图片水平翻转的动态效果，详细讲解了相关编程挑战的步骤和技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery编程挑战#013：使用jQuery生成图片的水平翻转动画效果

<img src="http://www.gbtags.com/gb/laitu/500x300&text=upyun%E5%8F%88%E6%8B%8D%E4%BA%91/CCCCCC/1e90ff">

css版：

img {
  transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);   /* IE 9 */
  -webkit-transform: rotateY(0deg); /* Safari and Chrome */
  -o-transform: rotateY(0deg);    /* Opera */
  -moz-transform: rotateY(0deg);  

  transition: 1s;
}

img:hover {
  transform: rotateY(180de