CSS3 Animation 返回動(dòng)效？
1 回答
慕田峪9158850
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
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 關(guān)注
- 569 瀏覽
添加回答
舉報(bào)
0/150
提交
取消