请问 CSS3 Animation 没有返回的动画效果吗？比如我用 animation 放大后，没有缩小的动画？不像那transition？我得要重新定义一个缩小的 @keyframes 吗？
1 回答
慕妹3146593
TA贡献1820条经验 获得超9个赞
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <html> <head> <style type="text/css"> .scale { width:200px; height:200px; background-color: #06f; top:180px; left:180px; position: relative; }
.scale:hover { animation:scale 2s linear; } @keyframes scale { 0% { transform: scale(1); } 25% { transform: scale(1.5); } 50% { transform:scale(2); } 75% { transform: scale(1.5); } 100% { transform: scale(1); } } </style> </head> <body> <div class = "scale" />
</div>
</body> </html> |
- 1 回答
- 0 关注
- 1296 浏览
添加回答
举报
0/150
提交
取消