CSS3动画（360度旋转、旋转放大、放大、移动）
2016-11-03 14:54
465 查看
Title
div { width: 120px; height: 120px; line-height: 120px; margin: 20px; background-color: #5cb85c; float: left; font-size: 12px; text-align: center; color: orangered }
.img1 { }
.img1:hover { }
.img2 { }
.img2:hover { }
.img3 { }
.img3:hover { }
.img4 { }
.img4:hover { }
效果一：360°旋转
效果二：放大
效果三：旋转放大
效果四：上下左右移动
div { width: 120px; height: 120px; line-height: 120px; margin: 20px; background-color: #5cb85c; float: left; font-size: 12px; text-align: center; color: orangered }
.img1 { }
.img1:hover { }
.img2 { }
.img2:hover { }
.img3 { }
.img3:hover { }
.img4 { }
.img4:hover { }
效果一：360°旋转
效果二：放大
效果三：旋转放大
效果四：上下左右移动
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [转载]CSS3动画（360度旋转、旋转放大、放大、移动）
- CSS3动画（360度旋转、旋转放大、放大、移动）
- CSS3动画（360度旋转、旋转放大、放大、移动）
- CSS3动画（360度旋转、旋转放大、放大、移动）
- CSS3动画（360度旋转、旋转放大、放大、移动）（转）
- 【转载】CSS3 常用四个动画（旋转、放大、旋转放大、移动）
- 4种CSS3效果(360度旋转、旋转放大、放大、移动)
- 【转载】CSS3 常用四个动画（旋转、放大、旋转放大、移动）
- CSS3 常用四个动画（旋转、放大、旋转放大、移动）
- CSS3 transition效果 360度旋转 旋转放大 放大 移动
- CSS3 常用四个动画（旋转、放大、旋转放大、移动）
- 分享4种CSS3效果(360度旋转、旋转放大、放大、移动)
- CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程是有动画过渡的，这个过渡的时间可以自定义）
- css3 动画之 2D旋转 3D旋转 放大
- CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程是有动画过渡的，这个过渡的时间可以自定义）
- Css动画（360度旋转、旋转放大、放大、浮动）
- 【CSS3动画】transform对文字及图片的旋转、缩放、倾斜和移动
- HTML5 - 用CSS3动画制作场景切换效果（移动，旋转，淡入淡出等）
- CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程是有动画过渡的，这个过渡的时间可以自定义）
- 【CSS3动画】transform对文字及图片的旋转、缩放、倾斜和移动