??????????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);} }單獨scale或者translate都有效果，兩個一起寫就顯示一種效果，