![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
动画
baby加油_
如果不曾相逢,也许心绪永远不会沉重,如果真的失之交臂,恐怕一生也不得轻松。
一个眼神,便足以让心海掠过飓风,在贫瘠的土地上,更深地懂得风景。一次远行,便足以憔悴了一颗羸弱的心,每望一眼秋水微澜,便恨不得泪水盈盈。
死怎能不从容不迫,爱又怎能无动于衷,只要彼此爱过一次,就是无憾的人生...
展开
-
transition动画案例 - 360安全浏览器 - 全屏滚动加载动画
360浏览器网站主页,所有版本都在用transition动画,它很好的利用了transition属性和其中的transition-delay属性,实现酷炫的效果原创 2018-10-11 14:49:45 · 585 阅读 · 0 评论 -
动画效果之旋转木马
运用基本的属性设置,封装animate函数 效果预览 公共方法: //根据id获取对应的元素 function my$(id) { return document.getElementById(id); } /* * element---任意的元素 * attr---属性 * */ function getAttrValue(element,attr) { //return eleme...原创 2018-10-10 14:52:17 · 888 阅读 · 0 评论 -
筋斗云案例 - animate、transition都能实现
很早的时候看过一个筋斗云的案例,当时刚接触动画,用的都是封装的animate函数,如今看来,css3的属性之一transition也能又快又简便的实现此动画,下面,我们就来看看吧~ 实现的效果 区别在js部分 html <div class="nav"> <span id="cloud"></span> <ul id="navBar&quo原创 2018-10-10 17:13:15 · 7490 阅读 · 0 评论 -
动画练习-360度旋转-animation
动画效果,体验animation的魅力 animation 也是css3属性的一员 animation: name duration timing-function delay iteration-count direction; 包括: 动画名, 完成一次动画所需要的时间, 动画速度函数(linear,ease等), 动画开始之前的延时, 动画执行的次数(默认是1,常用inifite) 规定是...原创 2018-10-10 17:40:44 · 4701 阅读 · 0 评论