当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS3实现闪烁动画效果的方法

CSS3实现闪烁动画效果的方法

2019年07月25日  | 移动技术网IT编程  | 我要评论

本文实例讲述了css3实现闪烁动画效果的方法。分享给大家供大家参考。具体方法如下：

给class属性名为classname的元素添加闪烁动画效果

复制代码
代码如下:
.classname{
-webkit-animation: twinkling 1s infinite ease-in-out
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
@keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}

希望本文所述对大家基于css的网页设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网