首先定义一个闪烁的-webkit-animation 的name为twinkling,效果是透明度从0到1
@-webkit-keyframes twinkling{
/*透明度由0到1*/
0%{
opacity:0/*透明度为0*/
}
100%{
opacity:1/*透明度为1*/
}
}
然后设置需要闪烁的button的样式:
button{
-webkit-animation: twinkling 1s infinite ease-in-out
}
其中twinkling 为上面定义的,时间为1s,动画无限次,动画效果是ease-in-out
如果想要使js中的onclickdisplay:block只有一闪而过的话,可以使用JavaScript定时器来设置一个时间(例如1000毫秒),超过这个时间之后设置元素的 display 属性为 none,从而达到闪现的效果。