国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 15:16:59
文檔

基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)

基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù): 簡(jiǎn)要教程 Repaintless.css是一款輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)。Repaintless.css通過特殊的方法來制作元素動(dòng)畫,不會(huì)引起頁(yè)面的重繪,使它比其它CSS動(dòng)畫庫(kù)具有更高的性能。 安裝 你可以通過bower或npm來安裝Repaintless.css。$ bower
推薦度:
導(dǎo)讀基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù): 簡(jiǎn)要教程 Repaintless.css是一款輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)。Repaintless.css通過特殊的方法來制作元素動(dòng)畫,不會(huì)引起頁(yè)面的重繪,使它比其它CSS動(dòng)畫庫(kù)具有更高的性能。 安裝 你可以通過bower或npm來安裝Repaintless.css。$ bower
  簡(jiǎn)要教程

  Repaintless.css是一款輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)。Repaintless.css通過特殊的方法來制作元素動(dòng)畫,不會(huì)引起頁(yè)面的重繪,使它比其它CSS動(dòng)畫庫(kù)具有更高的性能。



  安裝

  你可以通過bower或npm來安裝Repaintless.css。


$ bower install repaintless
$ npm install repaintless 

  

  使用方法

  使用該CSS3動(dòng)畫庫(kù)需要在頁(yè)面中引入repaintless.css文件。


 

  

  HTML結(jié)構(gòu)

  要使一個(gè)元素可以動(dòng)畫,你需要做的就是為該元素添加element-animated class,這個(gè)是必須添加的class類,然后使用第二個(gè)class類來指明你需要的動(dòng)畫類型。


 I tremble! 

  

  默認(rèn)情況下動(dòng)畫的時(shí)間是1秒鐘。你可以通過class short來指定動(dòng)畫時(shí)間為0.5秒,long為2秒。如果你需要做無(wú)窮動(dòng)畫,可以添加infinite class。


 I am quick! 

 
 
 I am slooow... 

 
 
 I will do that forever to drive you crazy! 
 

  

  動(dòng)畫類型

  Repaintless.css所有可用的動(dòng)畫類型如下。某些動(dòng)畫是會(huì)一直循環(huán)的動(dòng)畫。

  slide-from-top

  slide-from-bottom

  slide-from-left

  slide-from-right

  slide-from-right-bottom

  slide-from-right-top

  slide-from-left-bottom

  slide-from-left-top

  slide-top-bottom (looped)

  slide-left-right (looped)

  tremble (looped)

  fade-in

  fade-out

  pulsate (looped)

  rotate

  Repaintless.css動(dòng)畫庫(kù)的github地址為:https://github.com/szynszyliszys/repaintless


  來源:http://www.htmleaf.com/css3/css3donghua/201603073189.html

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)

基于輕量級(jí)高性能的CSS3動(dòng)畫庫(kù): 簡(jiǎn)要教程 Repaintless.css是一款輕量級(jí)高性能的CSS3動(dòng)畫庫(kù)。Repaintless.css通過特殊的方法來制作元素動(dòng)畫,不會(huì)引起頁(yè)面的重繪,使它比其它CSS動(dòng)畫庫(kù)具有更高的性能。 安裝 你可以通過bower或npm來安裝Repaintless.css。$ bower
推薦度:
標(biāo)簽: 高的 css 基于
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 中文 字幕 高清 在线 | 欧美特黄一区二区三区 | 日韩一区二区三区四区不卡 | 亚洲 欧美 自拍 另类 欧美 | 亚洲一区二区精品视频 | 欧美日韩亚洲精品国产色 | 亚洲精彩视频在线观看 | 亚洲一区二区三区在线免费观看 | 99热成人精品国产免国语的 | 中文在线第一页 | 国产成人久久一区二区三区 | 一级全黄毛片 | 国产在线精品一区二区高清不卡 | 久久免费看视频 | 欧美系列在线 | 国产精品成人h片在线 | 国产精品高清在线观看 | 亚洲三级在线 | 在线观看香蕉视频 | 国产精品香蕉在线观看 | 欧美在线观看一区二区三区 | er久99久热只有精品国产 | 亚洲国产精品一区二区久 | 日本午夜在线观看 | 国产精品视频免费看 | 在线免费观看一区二区三区 | 欧美一区精品 | 国产欧美日韩va | 国产福利一区二区三区在线观看 | 日韩欧美高清 | 亚洲欧美日本另类激情 | 99精品视频在线观看免费 | 亚洲欧美视屏 | 欧美日韩性视频一区二区三区 | 国产精品久久久久久久专区 | 成人亚洲国产综合精品91 | 欧美国产综合在线 | 手机看日韩 | 亚洲人成一区二区三区 | 久久精品国产亚洲aa | 免费国产一区 |