??????????div{?animation:?play?3s?linear?0.3s?infinite;
???-webkit-animation:play?3s?linear?0.3s?infinite;
width:100px;height:100px}
@keyframes?play{
0%{transform:scale(1);
-webkit-transform:?scale(1);
transform:translate(0,0);
-webkit-transform:translate(0,0);
}
50%{transform:scale(1.1);
-webkit-transform:?scale(1.1);
transform:translate(10px,10px);
-webkit-transform:translate(10px,10px);}
??? 100%{
??? transform:scale(1.2);
??? -webkit-transform:?scale(1.2);
??? transform:translate(20px,20px);
-webkit-transform:translate(20px,20px);}
}
@-webkit-keyframes?play{
0%{transform:scale(1);
-webkit-transform:?scale(1);
transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);}
50%{transform:scale(1.1);
-webkit-transform:?scale(1.1);
transform:translate(10px,10px);
-webkit-transform:translate(10px,10px);}
??? 100%{
??? transform:scale(1.2);
??? -webkit-transform:?scale(1.2);
??? transform:translate(20px,20px);
-webkit-transform:translate(20px,20px);}
}單獨(dú)scale或者translate都有效果，兩個(gè)一起寫就顯示一種效果，
- 3 回答
- 1 關(guān)注
- 1831 瀏覽
添加回答
舉報(bào)
0/150
提交
取消