68素材站

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

graent 1448 0

animatelo

  • 415 ★

  • 包含了从强大的 Animate.css 借来的大量的醒目的动态效果,而实现方式则比后者更加便捷。


foxholder

  • 96 ★

  • 一组包含15款漂亮的动效的合集,这些动效主要用来改善用户和表单交互的体验。每种动效的效果各不相同,有的能够增加边框亮度,有的能够强化视觉线索,等等。

rhythm.js

  • 3482 ★

  • 能够为你带来有趣的迪斯科风的动效,它能够营造出类似舞蹈的视觉效果。


colorido.js

  • 7 ★

  • Colorido.js 和 Granim.js 非常相似,这款基于JS的插件被创造出来操控色彩相关的素材的。它能够动态地控制色调和不透明度的,不论是背景、文本、线条还是段落都在它的控制范畴以内。

barba.js

  • 6802 ★

  • 利用PJAX(基于Ajax 技术)来减轻用户在动效刷新时候的错位感,让容器在悄无声息之间切换。


scrollanim

  • 1464 ★

  • 更简单,也更容易控制。支持CSS3, 但是同样也允许使用 JavaScript API 来添加动效。

scrolltrigger

  • 2174 ★

  • 用来构建横向滚动的网站页面的。它允许使用相当简单的语法在X轴上构建漂亮的CSS3动画效果。


force.js

  • 522 ★

  • 没有其他动效工具中繁复多样的选项,它只包含一些基本的、实用的动效设置选项,帮你创造微妙的动效。

rellax

  • 3769 ★

  • 为了漂亮的视差滚动而生的,它是一个轻量级的 Vanilla JavaScript 库,可以帮你的界面添加有趣的3D效果。


tilt.js

  • 2405 ★

  • 能够产生令人着迷的倾斜视差效果,相当于是在2D的界面中模拟出3D的倾斜效果。


transform-when

  • 139 ★

  • 如果你想通过网页来讲述故事,Transform-when 是一个非常不错的解决方案,它主要帮你控制时间和滚动位置两个因素,帮你精确控制用户浏览故事过程中的每一个动效的体验。


curve.js

  • 1040 ★

  • 赋予线条以生命,让它们像波浪一样旋转,“跳舞”。


animator.js

  • 67 ★

  • 一款灵活、高效、轻量级的动效控制工具,能够管理关键帧和各种不同CSS动效的效果,最关键的是它是完全免费的。

cel-animation

  • 139 ★

  • 一款 SASS mixin,可以控制关键字,也能设置动态SVG和任何HTML 元素

scrollissimo

  • 119 ★

  • 是和 Greensock 联动的动效设计工具,可以创建出随着用户滚动时随之运动的动态对象。

jqclouds

  • 48 ★

  • 一个非常简单的动效插件,能在生成移动的云朵,用来填充页面。当然,你也可以将云替换成其他的东西。

color animation

  • 27 ★

  • 这个动效是用来生成动态色彩改变的工具,作用的对象可以是背景图片、边框、文本等元素,实际上只要是带有色彩属性的元素,它都能控制。

flubber

  • 4818 ★

  • 如果你想让一个对象转变为另外一个对象的过程更加顺滑,那么你一定不要错过 Flubber 这个工具。不过它的缺陷在于,只能作用于2D的元素。


3D LINES ANIMATION WITH THREE.JS

  • 231 ★

  • 相比于上面功能完备的粒子动效工具,这只是一个小脚本,帮你的背景添加漂亮的粒子特效而已。可控的参数包括色彩、线条和不透明度。


Snap.svg

  • 11797 ★

  • 适用于现代网络的JavaScript SVG库。

  • 张鑫旭关于snap.svg的demo教程


Pixi.js

  • 一个快速的轻量级2D动画渲染引擎。

  • 主要使用webgl技术,能帮助展示、驱动和管理富有交互性的图形、制作游戏。

  • 使用Javascript以及其他HTML5技术,结合PixiJS引擎,可以创建出丰富的交互式图形,跨平台的应用程序和游戏。

  • 文件大小:55.2 kB.


PACE.js

  • 网页自动加载进度条插件


WOW.js

  • 8760 ★

  • 一款帮助你实现滚动页面时触发 CSS 动画效果的插件


Egret

  • 游戏引擎,一整套游戏开发的“游戏解决方案”。

  • 较重

Unity

  • 游戏引擎。

Cocos

  • 游戏引擎。




发表评论 (已有0条评论

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