1.制作一個滾動的金幣，隨著頁面加載，完成一個兩個過程的動畫，第一步逐漸旋轉變大，到達第一個位置后，留下一個動畫留影，第二步繼續移動，到達第二個位置后，留下一個動畫留影，結束動畫。2.我嘗試過使用定時器，判定定位的left來進行留影，但是效果并不好，沒有流暢感，而且無法解決，逐漸旋轉變大的特效。3.截圖
2 回答
慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
除了css3 和flash，請問還有更好的方案嗎？js動畫，存在大量的CPU運算和GPU，從運算開始，到每一幀的動畫展示，這其中都有一個時間差，所以采用純js的方案，肯定是不行的。
炎炎設計
TA貢獻1808條經驗 獲得超4個贊
試試這個@keyframes
例子如下，和他差不多吧
@keyframes myfirst
????{
????0% ? {background: red; left:0px; top:0px;}
????25% ?{background: yellow; left:200px; top:0px;}
????50% ?{background: blue; left:200px; top:200px;}
????75% ?{background: green; left:0px; top:200px;}
????100% {background: red; left:0px; top:0px;}
????}
@-webkit-keyframes myfirst /* Safari and Chrome */
????{
????0% ? {background: red; left:0px; top:0px;}
????25% ?{background: yellow; left:200px; top:0px;}
????50% ?{background: blue; left:200px; top:200px;}
????75% ?{background: green; left:0px; top:200px;}
????100% {background: red; left:0px; top:0px;}
????}
- 2 回答
- 0 關注
- 1873 瀏覽
添加回答
舉報
0/150
提交
取消