css3的keyframes无限旋转下去实现
2017-09-22 14:08
447 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .ig{ -webkit-animation:circle 1.5s infinite linear; } @-webkit-keyframes circle{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } </style> </head> <body> <div> <img src="shalou.png" class="ig"> </div> </body> </html>
相关文章推荐
- css3 实现动画效果,怎样使他无限循环动下去?
- css3实现无限旋转360度
- css3-transform-matrix 即矩阵实现物体旋转、缩放、移动效果
- 一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
- CSS3实现图片循环旋转
- CSS3 2D模拟实现摩天轮旋转效果
- CSS3实现旋转
- CSS3景深、三维变换属性及旋转三维立方体的实现
- 使用css3 实现旋转的立方体
- 元素中心旋转在CSS3和IE滤镜中的实现
- css3实现的发光屏幕旋转特效
- CSS3轻松实现彩色旋转六面体动画
- CSS3边框旋转动画实现效果
- CSS3的transform属性实现旋转正方体
- CSS3实现头像旋转功能
- CSS3 transform实现图片旋转木马3D浏览效果
- CSS3实现图片循环旋转
- 利用CSS3实现图片旋转放大特效
- css3实现立体旋转-------Day65