欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

JX.Animate:腾讯开源的轻量级CSS3动画库

程序员文章站 2022-07-13 08:47:13
...
JX.Animate是由腾讯前端团队AlloyTeam推出的一个CSS3动画库,通过JX(腾讯的前端框架)插件的形式提供。

JX.Animate可以帮助开发者在JavaScript代码中方便调用和控制CSS3动画,例如动画时长、重复次数、动画缓冲、结束回调等,并且支持播放声音。

项目地址:http://alloyteam.github.io/JXAnimate/
效果演示:http://alloyteam.github.io/JXAnimate/demo1.html

JX.Animate:腾讯开源的轻量级CSS3动画库


JX.Animate的主要特性包括:

  • 动画可以通过多种方式定义
  • 通过在CSS文件中定义关键帧动画(KeyFrameAnimate),可以做到动画定义与动画控制分离,可以更好的支持多人协同工作。
  • 使用JavaScript代码定义既可以预先定义好动画效果,也可以在运行时动态定义动画效果,相比CSS样式的方式更加灵活。
  • JX.Animate支持多米诺效果,可以控制多个DOM对象依次播放动画,增强视觉效果。JX.Animate还提供了一个幻灯片组件,其中就利用了多米诺效果来实现图片的切换。可以在JX.Animate的主页直接看到动画效果。

Via AlloyTeam