騰訊開源的輕量級CSS3動畫庫:JX.Animate

      JX.Animate 是由騰訊前端團隊 AlloyTeam 推出的一個 CSS3 動畫庫,經過 JX(騰訊的前端框架)插件的形式提供。html

Why CSS3前端

衆所周知在支持HTML5的瀏覽器中,使用CSS3的動畫效果不管從性能仍是流暢程度都遠超傳統的JavaScript定時器動畫效果。然而CSS3動畫卻存在CSS樣式文件很差維護、動畫過程不易控制、沒法在運行動態生成動畫等不足之處。git

        JX.Animate 能夠幫助開發者在 JavaScript 代碼中方便調用和控制 CSS3 動畫,例如動畫時長、重複次數、動畫緩衝、結束回調等,而且支持播放聲音。github

        項目地址:http://alloyteam.github.io/JXAnimate/瀏覽器

        效果演示:http://alloyteam.github.io/JXAnimate/demo1.html前端框架

騰訊開源的輕量級CSS3動畫庫:JX.Animate

        JX.Animate 的主要特性包括:框架

  • 動畫能夠經過多種方式定義
  • 經過在 CSS 文件中定義關鍵幀動畫(KeyFrameAnimate),能夠作到動畫定義與動畫控制分離,能夠更好的支持多人協同工做。
  • 使用 JavaScript 代碼定義既能夠預先定義好動畫效果,也能夠在運行時動態定義動畫效果,相比 CSS 樣式的方式更加靈活。
  • JX.Animate 支持多米諾效果,能夠控制多個 DOM 對象依次播放動畫,加強視覺效果。JX.Animate 還提供了一個幻燈片組件,其中就利用了多米諾效果來實現圖片的切換。能夠在 JX.Animate 的主頁直接看到動畫效果。

項目主頁:http://www.open-open.com/lib/view/home/1393481781287性能

相關文章
相關標籤/搜索