91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html5怎么實現動畫播放狀態

發布時間:2022-03-16 13:56:27 來源:億速云 閱讀:229 作者:iii 欄目:web開發

今天小編給大家分享一下html5怎么實現動畫播放狀態的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

  飛翔動畫:

  #name {

  margin:40px 2% 40px 0;

  -webkit-animation:flyin 1.5s;

  -webkit-animation-fill-mode: forwards;

  -webkit-animation-timing-function: ease-in-out;

  -webkit-animation-delay: 1800ms;

  }

  @-webkit-keyframes flyin {

  from{margin-right: 2%;}

  30% {margin-right: 12%;}

  50% {margin-right: 9%;}

  60% {margin-right: 10%;}

  to {margin-right: 10%;}

  }

  搖動畫:

  #name:hover {

  **margin-right: 10%; //i also have to set this?! or it starts at 2%**

  -webkit-animation:shake 0.7s;

  -webkit-animation-fill-mode: forwards;

  -webkit-transform-origin:50% 50%;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  }

  @-webkit-keyframes shake {

  0% { -webkit-transform: translate(2px,1px) rotate(0deg); }

  10% { -webkit-transform: translate(-1px,-2px) rotate(-1deg); }

  20% { -webkit-transform: translate(-3px,0px) rotate(1deg); }

  30% { -webkit-transform: translate(0px,2px) rotate(0deg); }

  40% { -webkit-transform: translate(1px,-1px) rotate(1deg); }

  50% { -webkit-transform: translate(-1px,2px) rotate(-1deg); }

  60% { -webkit-transform: translate(-3px,1px) rotate(0deg); }

  70% { -webkit-transform: translate(2px,1px) rotate(-1deg); }

  80% { -webkit-transform: translate(-1px,-1px) rotate(1deg); }

  90% { -webkit-transform: translate(2px,2px) rotate(0deg); }

  100% { -webkit-transform: translate(2px,1px) rotate(0deg); }

  }

以上就是“html5怎么實現動畫播放狀態”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

万盛区| 娄烦县| 惠州市| 肥乡县| 弋阳县| 铅山县| 陇南市| 乌苏市| 疏附县| 宝丰县| 昔阳县| 康马县| 嵊州市| 田阳县| 宿州市| 墨竹工卡县| 阿勒泰市| 夏邑县| 大埔区| 潍坊市| 盈江县| 呼和浩特市| 长沙县| 雅安市| 富源县| 米林县| 钦州市| 兴山县| 苍梧县| 萨嘎县| 济宁市| 余干县| 嵊州市| 岑巩县| 井研县| 林口县| 合水县| 涡阳县| 拉孜县| 都匀市| 改则县|