level 1
贴吧用户_06844N4
楼主
rt,该动画要应用于整个网页,我想在跳出这个网页时再来显示该动画,即当点击链接跳转时用动画方式跳出该页面,不知css3能不能实现,或者用js控制该动画何时加载也可以,js不太懂,麻烦讲详细点,谢了!
css3代码如下:#animation{
-webkit-animation:fadeOutRightBig 1s .2s ease both;
-moz-animation:fadeOutRightBig 1s .2s ease both;}
@-webkit-keyframes fadeOutRightBig{
0%{opacity:1;
-webkit-transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px)}
}
@-moz-keyframes fadeOutRightBig{
0%{opacity:1;
-moz-transform:translateX(0)}
100%{opacity:0;
-moz-transform:translateX(2000px)}
}
2014年05月20日 12点05分
1
css3代码如下:#animation{
-webkit-animation:fadeOutRightBig 1s .2s ease both;
-moz-animation:fadeOutRightBig 1s .2s ease both;}
@-webkit-keyframes fadeOutRightBig{
0%{opacity:1;
-webkit-transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(2000px)}
}
@-moz-keyframes fadeOutRightBig{
0%{opacity:1;
-moz-transform:translateX(0)}
100%{opacity:0;
-moz-transform:translateX(2000px)}
}