.animImage {
-webkit-animation-name: imageAnim;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease;
-webkit-animation-play-state: running;
}
@-webkit-keyframes imageAnim{
0% {opacity: 1;}
50% {opacity: 0.5;}
100% {opacity: 0;}
}
在标签上class加上animImage ，就可以是图标闪烁起来
通过css来控制图标闪烁提醒
最新推荐文章于 2023-09-15 13:41:13 发布
本文介绍了一种使用CSS3的@keyframes和animation属性创建图标闪烁效果的方法。通过设置不同时间点的透明度，可以使图标在网页上实现连续且无限次的闪烁，增强视觉效果。
扫一扫
1023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
