国产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
主站蜘蛛池模板: 亚洲国产成人久久综合野外 | 亚洲色图第四页 | 国产一区二区精品 | 亚洲一区二区精品视频 | 国产伦精品一区二区三区免费下载 | 亚洲精品小视频 | 一级成人毛片免费观看 | 日韩欧美在线看 | 国内精品久久久久久久97牛牛 | 欧美一区二区在线观看视频 | 日韩在线第三页 | 日韩欧美在线综合网高清 | 国产欧美日韩第一页 | 天天色图| 全网毛片免费 | 欧美aⅴ在线 | 国产手机视频在线观看 | 国内一区二区三区精品视频 | 亚洲一区二区三区视频 | 日韩精品小视频 | 亚洲一区二区综合 | 中文在线第一页 | 日韩精品免费看 | 亚洲va欧美| 国产精品久久久久影院 | 免费看一级毛片 | 亚洲综合一区二区三区 | 黄色毛片a | 精品一区二区三区在线成人 | 亚洲国产成人精品91久久久 | 亚洲精品乱码久久久久 | 欧美极品第1页专区 | 手机国产精品一区二区 | 国产va在线视频观看 | 一区在线免费 | 在线视频免费观看 | 国产成人精品久久一区二区三区 | 国产精品免费观看视频播放 | 亚洲欧洲视频在线 | 日韩αv | 欧美 韩国 精品 另类 综合 |