动画加载
青菜馒头
这个作者很懒,什么都没留下…
展开
-
animate.css – 齐全的CSS3动画库
本文转载自网络,方便大家学习:http://www.dowebok.com/98.html原网站有动画实例,建议 JavaScript 或 jQuery 给需要的地方添加动画效果,不用改变原来的结构简介animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡转载 2016-09-18 17:57:28 · 569 阅读 · 0 评论 -
scrollReveal.js – 页面上下滚动时动画多次播放
转载地址:http://www.dowebok.com/134.html简介和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js转载 2016-09-19 09:33:15 · 2388 阅读 · 0 评论 -
Scrollanim---鼠标向下滚动加载动画,与wow.js类似
转载地址:http://www.dowebok.com/217.html 加qq群下载代码:简介Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画,和之前介绍的 WOW.js及 scrollReveal.js类似。Scrollanim 是Kissui的一部分,所以使用 Scrollanim转载 2016-09-19 17:47:58 · 3787 阅读 · 0 评论 -
jquery鼠标滚动数字增加插件---countUp.js
CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。 可配置的参数:target = 目标元素的 ID; startVal = 开始值; endVal = 结束值; decimals = 小数位数,默认值原创 2016-09-20 16:30:42 · 4167 阅读 · 0 评论 -
变换色彩的旋转图形----背景效果
html代码:<canvas id = 'canv'></canvas>css代码:body{ width:100%; overflow:hidden; margin:0; }js代码:var c = document.getElementById('canv'), $ = c.getContext('2d'), w = c.width = window.innerWidth,转载 2016-10-19 15:32:42 · 692 阅读 · 0 评论