一个小白的困惑

XLNu***

时代问答问答社区

animation和transition不能同时使用吗？

CSS3 Html5

显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

使用道具举报

上一主题下一主题

参与会员2

hua***

应上面童鞋，给出的一个简单示例（ps：没做浏览器兼容，请使用高版本的谷歌或火狐）：


#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;
   }
}

使用道具举报