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


本文实例讲述了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的网页设计有所帮助。



相关阅读:
MAC新手用户如何开关Macbook键盘灯
Linux使用svn时报错Can't convert string from的解决方法
基于Android XML解析与保存的实现
Android开发之Android studio的安装与使用
ASP.NET数据库缓存依赖实例分析
详解C++编程中表达式的语义与计算顺序
java实现从网上下载图片到本地的方法
Yii使用smsto短信接口的函数demo示例
JS实现带有3D立体感的银灰色竖排折叠菜单代码
MySQL中查询日志与慢查询日志的基本学习教程
基于jQuery实现收缩展开功能
php cli 小技巧
微软良心补丁KB3074681 Win10未激活也能享用个性化
php简单实现多语言切换的方法
快速导航

Copyright © 2016 phpStudy |