设置动画播放时间
animation-duration主要用来设置CSS3动画播放时间,其使用方法和transition-duration类似,是用来指定元素播放动画所持续的时间长,也就是完成从0%到100%一次动画所需时间。单位:S秒
语法规则
animation-duration: <time>[,<time>]*
取值<time>为数值,单位为秒,其默认值为“0”,这意味着动画周期为“0”,也就是没有动画效果(如果值为负值会被视为“0”)。
animation-duration主要用来设置CSS3动画播放时间,其使用方法和transition-duration类似,是用来指定元素播放动画所持续的时间长,也就是完成从0%到100%一次动画所需时间。单位:S秒
语法规则
animation-duration: <time>[,<time>]*
取值<time>为数值,单位为秒,其默认值为“0”,这意味着动画周期为“0”,也就是没有动画效果(如果值为负值会被视为“0”)。
2015-07-14
从前面飘飘然的飞过来,然后一下子蒙到谷底,竟然搭建个3D舞台,我无奈的扯了片云彩,轻轻的又向前飘去,真怕惊动了这个挖坑的老师。
2015-07-11
任务八下面的
.nav-menu li .active .front,
.nav-menu li .active .back,
.nav-menu li a:hover .front,
.nav-menu li a:hover .back
似乎改成
.nav-menu li .active .front,
.nav-menu li a .back
更合理一些,背面的那一侧不激活的时候看不到就应该有个背景图案,hover之后就直接转出来了,按题目给的话,鼠标移开会有个突变,强迫症表示很难受。。。
.nav-menu li .active .front,
.nav-menu li .active .back,
.nav-menu li a:hover .front,
.nav-menu li a:hover .back
似乎改成
.nav-menu li .active .front,
.nav-menu li a .back
更合理一些,背面的那一侧不激活的时候看不到就应该有个背景图案,hover之后就直接转出来了,按题目给的话,鼠标移开会有个突变,强迫症表示很难受。。。
2015-07-11
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。
2015-07-10