一个小白的困惑
animation和transition不能同时使用吗？
幅度浏览 1427回答 3
3回答
-
woshiajuana
应上面童鞋，给出的一个简单示例（ps：没做浏览器兼容，请使用高版本的谷歌或火狐）：<!DOCTYPE html><html><head> <style> #div{ background-color: #660000; width: 100px; height: 100px; position: absolute; left: 0; top: 0; animation: move 1s; transition: all 1s; } #div:hover{ width: 200px; height: 200px; } @keyframes move{ 0% { left: 0; } 50%{ left: 200px; } 100%{ left: 0; } } </style></head><body> <div id="div"></div></body></html> -
woshiajuana
可以的呀
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5