animation和transition不能同时使用吗？
3 回答
woshiajuana
TA贡献211条经验 获得超152个赞
应上面童鞋，给出的一个简单示例（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>
- 3 回答
- 0 关注
- 1426 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消