麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當(dāng)前位置:首頁  >  應(yīng)聘面試  >  html5面試題  > 前端面試篇:CSS3動畫是怎么實現(xiàn)的?

前端面試篇:CSS3動畫是怎么實現(xiàn)的?

來源:千鋒教育
發(fā)布人:syq
時間: 2022-07-13 13:10:00 1657689000

  - CSS3動畫主要是通過animation這個屬性來進行實現(xiàn),使用動畫的時候需要先進行聲明動畫然后再去調(diào)用,哪里需要產(chǎn)生動畫效果哪里就使用animation進行調(diào)用。

CSS3動畫是怎么實現(xiàn)的

  - 基本語法

 ```HTML

  <style>

      *{margin:0;padding:0}

      div{

          width:200px;

          height:200px;

          background-color:red;

          /*調(diào)用動畫*/

          animation:movers 20s linear infinite alternate

      }

      

      /*聲明動畫*/

      @keyframes movers{

          form{

              width:200px;

              height:200px;

              background-color:red;

          }

          to{

              width:400px;

              height:400px;

              background-color:green;

              border-radius:50%;

          }

   }

  </style>

  <div></div>

  - 語法注意事項

  animation:復(fù)合屬性

  animation-name 規(guī)定需要綁定到選擇器的 keyframe 名稱。。

  animation-duration 規(guī)定完成動畫所花費的時間,以秒或毫秒計。

  animation-timing-function 規(guī)定動畫的速度曲線。

  animation-delay 規(guī)定在動畫開始之前的延遲。

  animation-iteration-count 規(guī)定動畫應(yīng)該播放的次數(shù)。

  animation-direction 規(guī)定是否應(yīng)該輪流反向播放動畫。

  form 初始狀態(tài)

  to 結(jié)束裝填

  可以替換成

  0% 初始狀態(tài)

  100% 結(jié)束狀態(tài)

  后面的百分比可以稱之為關(guān)鍵幀動畫

  更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
快速通道
主站蜘蛛池模板: 蜜桃97爱成人| 日b视频免费看| 国产精品亚洲片在线花蝴蝶| 日b视频在线观看| 污污免费在线观看| 波多野结衣痴汉| 边做边吃奶| 欧美日韩电影网| avav在线播放| 开嫩苞破呦处| 成人免费夜片在线观看| 欧美高清成人| 国产精品原创| 一本热久久sm色国产| 中文字幕天天躁日日躁狠狠躁免费 | 日韩成人午夜| 国产又爽又黄又舒服又刺激视频| 99亚洲精品高清一二区| 欧美日韩亚洲国产精品| 成年女人免费视频播放体验区| 国产免费久久精品99久久| 羞羞电影快播| 亚洲免费mv| 日韩午夜r电影在线观看| 不卡av电影在线| 四虎成人精品免费影院| 9lporm自拍视频区在线| 波多野结衣免费观看视频| 欧美激情第1页| 日韩高清在线不卡| 男人在线资源| 豪妇荡乳1一5白玉兰| 再深点灬舒服了灬太大| 又黄又爽又色又刺激的视频| 新婚之夜性史观看| 国产欧美一区二区三区观看| 又大又硬又黄又刺激的免费视频 | 欧美黑人巨大xxxxxxxx| 国产粗话肉麻对白在线播放| 久久精品国产亚洲精品| 一人上面一个吃我电影|