Animista | 前端开发人员制作动画效果的神器

     设计师神器      0      1,428

Boss有话说

想要分辨出一个效果生硬的动画和恰到好处的动画之间的区别是很容易的。但是我们在手动调整动画的关键帧或过渡是相当耗时的。那么 Animista 提供了一个动画生成和转场效果库,你可以开箱即用。有很多预设常见的 CSS 动画效果,比如文本放大,按钮动作和背景效果等等。一旦你生成了一个动画效果,你就可以复制粘贴该动画的 CSS 片段,以及由 Autoprefixer 生成的代码,应用到你的网页项目或者应用里面,让您的用户体验变得更加如鱼得水。

Animista | 前端开发人员制作动画效果的神器-Boss设计

 

CSS Wand 提供了悬停和加载动画,但你也可以使用 Ladda 动画(内置加载指示器的按钮)和 Eric Spinners (与 Vue.js 集成)。也许你还想用 Boop!为悬停过渡添加一个异想天开的效果。PS:记住用伪元素进行缩放,建议减少复杂的动画运动,让用户体验更加舒适。

Animista | 前端开发人员制作动画效果的神器-Boss设计

 

Animista官网

传送门:https://animista.net/

 

前端必备工具

Animate.CSS 动画 | 前端开发人员 CSS 动画 CSS 动画库

CCCREATE | 网页开发人员在线 CSS 动画 工具箱

10015.io | 前端开发人员必备工具箱