CSS3 Animation 返回动效？
1 回答
慕田峪9158850
TA贡献1794条经验 获得超7个赞
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 关注
- 540 浏览
添加回答
举报
0/150
提交
取消