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

最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答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
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

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

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

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

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

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



  安裝

  你可以通過(guò)bower或npm來(lái)安裝Repaintless.css。


$ bower install repaintless
$ npm install repaintless 

  

  使用方法

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


 

  

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

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


 I tremble! 

  

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


 I am quick! 

 
 
 I am slooow... 

 
 
 I will do that forever to drive you crazy! 
 

  

  動(dòng)畫(huà)類型

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

  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)畫(huà)庫(kù)的github地址為:https://github.com/szynszyliszys/repaintless


  來(lái)源:http://www.htmleaf.com/css3/css3donghua/201603073189.html

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

文檔

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

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

最新推薦

猜你喜歡

熱門(mén)推薦

專題
Top
主站蜘蛛池模板: 五月天婷婷视频在线观看 | 伊人久久中文字幕久久cm | 在线观看中文 | 欧美日韩亚洲高清不卡一区二区三区 | 特一级大黄在线观看 | 国产一区亚洲二区三区 | 国产网站免费在线观看 | 免费永久在线观看黄网 | 亚洲欧美激情在线 | 亚洲欧洲精品成人久久曰 | 免费一级毛片视频 | 亚洲啪视频 | 亚洲国产成人精品女人久久久 | 91精品国产品国语在线不卡 | 久久精品国产一区 | 综合精品欧美日韩国产在线 | 一区二区三区福利 | 香蕉视频你懂的 | 欧美日韩免费一区二区在线观看 | 国产成人一区二区三区视频免费蜜 | 香蕉久久精品 | 欧美视频精品 | 卡通动漫亚洲 | 国产人成久久久精品 | 国产色在线视频 | 欧美日韩极品 | 日韩亚洲欧美日本精品va | 亚洲一区中文 | 九九热国产 | 另类激情亚洲 | 久久91精品国产一区二区 | 成人一级毛片 | 国产精品亚洲片在线观看不卡 | 国产在线观看网站 | 成人午夜精品久久久久久久小说 | 在线看精品 | 久久婷婷国产麻豆91天堂 | 亚洲欧美一| 国产成人精品一区二区三区 | 日韩欧美网 | 亚洲入口 |