国产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
主站蜘蛛池模板: 日韩欧美国产一区二区三区 | 日韩va亚洲va欧美va浪潮 | 五十路完熟交尾 | 国产成人综合一区精品 | 亚洲国产精品日韩在线 | 亚洲第一视频 | 国产亚洲视频在线 | 欧美国产中文 | 国外欧美一区另类中文字幕 | 国产精品亚洲片在线观看不卡 | 日韩网站| 国产一区二区三区免费 | 亚洲欧美日韩色 | 国产精品高清在线观看 | 欧美精品在线观看视频 | a国产成人免费视频 | 领导边摸边吃奶边做爽在线观看 | 交换伦交 | 国产 日韩 欧美视频二区 | 欧美国产成人精品一区二区三区 | 国产最新网站 | 亚洲视频第一页 | 欧美精品亚洲精品日韩专区va | 欧美色图亚洲天堂 | 丁香六月久久 | 国产亚洲精品片a77777 | 欧美一区二区三区在线视频 | 日韩欧美高清视频 | 伊人精品在线视频 | 一级毛片免费视频观看 | 日韩欧美一区二区三区在线播放 | 性插欧美 | 亚洲国产精品婷婷久久 | 国产精品美女流白浆视频 | 欧美成人禁片在线www | 日本特级淫片免费 | 亚洲欧洲日产国码一级毛片 | 五月天婷婷视频 | 综合网天天 | 国产成人亚洲综合一区 | 国产一区二区视频在线 |