
怎样让a链接 延时,点击时有个效果,太快了看不到效果,点击时让链接晚一会儿跳转,效果完了再跳转 15
<aclass="aimem"href="###">让上面这个a链接点击时有下面css3的这个动画效果,动画效果完了a链接再跳转,怎么实现?帮忙写一下.anim{-web...
<a class="aimem" href="###">
让上面这个a链接点击时有下面css3的这个动画效果,动画效果完了a链接再跳转,怎么实现?帮忙写一下
.anim{-webkit-animation:bounceIn 1s .1s ease both;
-moz-animation:bounceIn 1s .1s ease both;animation:bounceIn 1s .1s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
} 展开
让上面这个a链接点击时有下面css3的这个动画效果,动画效果完了a链接再跳转,怎么实现?帮忙写一下
.anim{-webkit-animation:bounceIn 1s .1s ease both;
-moz-animation:bounceIn 1s .1s ease both;animation:bounceIn 1s .1s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
} 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询