动画
baby加油_
如果不曾相逢,也许心绪永远不会沉重,如果真的失之交臂,恐怕一生也不得轻松。
一个眼神,便足以让心海掠过飓风,在贫瘠的土地上,更深地懂得风景。一次远行,便足以憔悴了一颗羸弱的心,每望一眼秋水微澜,便恨不得泪水盈盈。
死怎能不从容不迫,爱又怎能无动于衷,只要彼此爱过一次,就是无憾的人生...
展开
-
transition动画案例 - 360安全浏览器 - 全屏滚动加载动画
360浏览器网站主页,所有版本都在用transition动画,它很好的利用了transition属性和其中的transition-delay属性,实现酷炫的效果原创 2018-10-11 14:49:45 · 592 阅读 · 0 评论 -
动画效果之旋转木马
运用基本的属性设置,封装animate函数效果预览公共方法://根据id获取对应的元素function my$(id) { return document.getElementById(id);}/** element---任意的元素* attr---属性* */function getAttrValue(element,attr) { //return eleme...原创 2018-10-10 14:52:17 · 899 阅读 · 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 · 7492 阅读 · 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 · 4707 阅读 · 0 评论