已解決430363個問題，去搜搜看，總會有你想問的

JS動畫效果，制作一個滾動變大的圓。

首頁猿問 JS動畫效果，制作一個滾動變大的圓。

JS動畫效果，制作一個滾動變大的圓。

JavaScript

12345678_0001 2018-09-03 12:31:44

制作一個滾動的金幣，隨著頁面加載，完成一個兩個過程的動畫，第一步逐漸旋轉變大，到達第一個位置后，留下一個動畫留影，第二步繼續移動，到達第二個位置后，留下一個動畫留影，結束動畫。2.我嘗試過使用定時器，判定定位的left來進行留影，但是效果并不好，沒有流暢感，而且無法解決，逐漸旋轉變大的特效。3.截圖

查看完整描述

1 回答

慕森卡

TA貢獻1806條經驗獲得超8個贊

試試這個@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;}
}

反對回復 2018-10-17

1 回答
0 關注
679 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JS動畫效果，制作一個滾動變大的圓。

JS動畫效果，制作一個滾動變大的圓。

1 回答

添加回答

JS動畫效果，制作一個滾動變大的圓。

JS動畫效果，制作一個滾動變大的圓。