68素材站

可能是最全的前端动效库汇总(三)

68素材 3306 0

tween.js

  • 6137 ★

  • 目前最强大的动效补间引擎,其中的参数控制系统足够完善,让你拥有绝佳的动效解决方案。

  • 张鑫旭也有自己实现了缓动函数—tween.js

transit

  • 7457 ★

  • 功能其实并不多,但是它涵盖了完善的2D转3D的动效的功能。


rocket

  • 140 ★

  • 提供的是物体从一个点运动到另外一个点的动效解决方案,包括8个特殊的效果


animo.js

  • 99 ★

  • 一款轻量级的动效处理工具,它还支持额外的插件来实现倒计时、旋转等不同样式的动效

shift.css

  • (没找到github仓库)

  • 一个用来构建自适应元素动效的框架

saffron

  • 227 ★

  • 如果你喜欢 mixin 来轻松控制动效,那么Saffron 肯定会让你爱不释手。它是使用Sass来编写,可以更方便地设置参数和变量


cssynth

  • (没找到github仓库)

  • 一个轻量级的固定动效编辑器,让你可以更轻松地设置同步或者延迟效果,然后可以下载相应的CSS或者SCSS代码。

ceaser

  • (没找到github仓库)

  • 一款经过时间考验的动效工具,能够生成经典的动画效果。

morf.js

  • 508 ★

  • 超过40种预定义的动效,并且你可以根据自己的需要在它们基础上进行自定义


voxel.css

  • 3302 ★

  • 专门用来3D 渲染的工具,即使你是新手也能够轻松掌握3D CSS样式。


repaintless.css

  • 964 ★

  • 使用FLIP 技术让动画更加平滑


mixitup

  • 4173 ★

  • 一个非常实用的库,用来创造漂亮的顾虑、排序、插入等界面的动态效果


wallop

  • 1156 ★

  • 一种具有冲击力的方式来展示和隐藏某个UI对象


ramjet

  • 5246 ★

  • 制作从一个元素变化为另外一个元素的动效,它能作用于DOM元素、SVG、静态和动态的图片。


jquery drawsvg

  • 672 ★

  • 基于jQuery 引擎,能够有效地绘制出SVG内的所有路径,制作出戏剧性的动效。


animatic.js

  • 1412 ★

  • 它集成了物理运动规则,引入了CSS转换、3D转换和JS来实现功能。它的主要特色在于帮你减少一次生成多个不同对象所耗费的时间精力。

Move.js

  • 4437 ★

  • 一个简单的工具,帮你创建缩放、倾斜、移动等常规的动效。


eg.js

  • (没找到github仓库)

  • 一组精心组合搭配的动态元素合集,旨在强化界面中的交互,有8个强大的组件帮你理清基本的任务。

GFX

  • 2446 ★

  • 一个引人瞩目的3D 动效库,它能以变成的方式来构建CSS3动画。它可以和jQuery 一起使用,输出你所需要的效果。


stylie

  • 436 ★

  • 内置的4个选项卡分辨用来控制关键帧、缓动、导出、HTML


iconate.js

  • 1927 ★

  • 能够让你的转场动效更加富有生命力,产生更加愉悦的效果。它可以同Font Awesome 联动,还能同 Glyphicons 甚至你的自制图标搭配起来使用。


animatemate

  • 1277 ★

  • 一款运用于Sketch 的小型动效生成和导出工具,它并不花哨,能够帮你掌控关键帧、添加缓动功能,控制序列,等等。


CAAT(Canvas Advanced Animation Toolkit)(比较陈旧了)

  • 736 ★

  • 一款同JS协同的优秀框架,集合了场景、渲染技术、剪辑蒙板和标准行为包等组件。

Granim.js

  • 4166 ★

  • 一款小型的JS库,通过生成渐变的动效来帮你创造有趣的视觉效果。


animista

  • (没找到github仓库)

  • 一系列常规与非常规的预定义的CSS动效,你可以在其中测试各种动效的效果,并且根据需求调整其中的参数。

obnoxious.css

  • 377 ★

  • 涵盖了5种基于CSS的动效,能够让特定的元素摇摆,扭曲,放大,频闪,也能让字体字重自动变化。



发表评论 (已有0条评论

还木有评论哦,快来抢沙发吧~