国产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
主站蜘蛛池模板: 国产精品成久久久久三级 | 亚洲精品123区 | 国产不卡在线看 | 日韩h视频 | 日韩欧美大陆 | 青青草原国产一区二区 | 在线精品欧美日韩 | 国产精品亚洲综合 | 欧美网站在线观看 | 性欧美嫩交hd | xx日韩| 高清一区二区亚洲欧美日韩 | 亚洲一区二区三区久久精品 | 欧美激情综合亚洲一二区 | 九九久久精品国产 | 亚洲十欧美十日韩十国产 | 国产一区二区三区在线 | 国产成人久久精品二区三区牛 | 国产丝袜视频 | 波多野吉衣在线观看 | 国产日韩欧美一区二区 | 国产欧美日韩精品在线 | 欧美黄色第一页 | 久久久久久91 | 在线观看免费国产 | 欧美成人精品一级高清片 | 亚洲高清一区二区三区 | 日韩精品免费观看 | 日韩欧美在线观看视频 | 日韩欧美一区二区三区视频 | 亚洲国产精品成人综合久久久 | 日韩精品免费观看 | 国产精品系列在线观看 | 欧洲第一页 | 国产日韩一区二区三区在线观看 | 国产97在线观看 | 欧美性野久久久久久久久 | 国产线视频精品免费观看视频 | a级爱爱视频 | 热久久国产欧美一区二区精品 | 精品国产一区二区三区在线 |