WEB前端动画库汇总篇(应有尽有)

作为前端开发人员动画效果是硬性要求,如果还不会就得开始学习啦,像我这样的新手一开始应该要懂得站在巨人的肩膀上,先把别人的东西用起来,熟悉了之后就可以模仿别人的实现,研读别人的代码,好了不多说,还是赶紧走进动感世界吧! dynamics.js。一个用于创建物理运动动画的 JavaScript 库,非常的实用,不管是对象、DOM 元素、还是 SVG 都驾驭得了。 bounce.js。它可以让你生成一系列非常有动感的动画效...

2017
11-10

Dynamics.js 一个简单强大的物理运动动画库

前言 这是一篇没有什么技术含量的文章,因为本次只是来分享一个简单但强大的物理运动动画库,他们可让你的元素、对象、SVG 变得魅力十足。我是在学习Canvas 过程中用到这个 JavaScript 动画库的,觉得还不错,所以就单独成文,把它分享给大家。虽然网上有很多关于 Dynamics.js  的资料,但我毕竟是我,我只是记录自己的一切。 官网首页的清爽让我不得不截图以证清白: 虽然图片有点抢镜,但我就是喜欢。...

2017
11-09

Canvas 动画之多对象运动

前言 之前分享过一篇文章《Canvas 动画之来回运动的小圆》,对于很多朋友而言,这都是小菜一碟。不管怎么说,这都是自己走过的路,记下来也不一定有很大作用,但至少可以给自己一个交代,对于以后都是美美的回忆。本文要分享的是基于上面这篇文章的。但会比上面这篇文章更让人为之动容,不信?咱们走走瞧。 在这里没有过多的话要说,作为一个准前端开发程序员,代码也许就是我对你最冲动的告白。 HTML 代...

2017
11-02

Animate.css 使用教程(一个强大的 CSS3 动画库)

前言 animate.css 是一个有趣,酷炫的,跨浏览器的动画库,你可以将它用于你的项目中。不管是主页,滑动切换,又或者是其它方面,你都可以通过它来制作出惊人的效果。 基本用法 引入CSS文件 这个对你来说应该再容易不过了,我相信你可能也已经对引入外部的CSS样式文件的代码以及快捷键也都背得滚瓜烂熟了。 你只需要在HTML文件的head标签中引入CSS样式文件,如下: <head> <link rel="styl...

2016
06-03