猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
css3控制图片先旋转120度,再旋转120度,然后就停止旋转
css3控制图片先旋转120度,再旋转120度,然后就停止旋转.
qq_花开花谢_0
浏览 1257
回答 2
2回答
撒科打诨
可以尝试使用 @keyframes 自定义动画 + animation 来做到。
0
0
0
慕后森
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.min.js"></script> <style> div{ height: 100px; width: 100px; background-color: red; } @keyframes animation { 40% { transform: rotate(120deg); } 60% { transform: rotate(120deg); } 100% { transform: rotate(240deg); } } .animation { animation: animation 2s ease; animation-fill-mode : forwards;/*保持结束位置*/ } </style></head><body> <div class="animation"> </div></body></html>
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
CSS3
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续