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


Posted in HTML / CSS onFebruary 09, 2015

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

HTML / CSS 相关文章推荐
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
Aug 15 HTML / CSS
CSS3的calc()做响应模式布局的实现方法
Sep 06 HTML / CSS
CSS3实现可翻转的hover效果
May 23 HTML / CSS
CSS3 实现雷达扫描图的示例代码
Sep 21 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
May 12 HTML / CSS
5个你不知道的HTML5的接口介绍
Aug 07 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 HTML / CSS
利用三角函数在canvas上画虚线的方法
Jan 11 HTML / CSS
浅谈HTML5中dialog元素尝鲜
Oct 15 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
Dec 04 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
Dec 18 HTML / CSS
HTML5开发动态音频图的实现
Jul 02 HTML / CSS
CSS3使用transition实现的鼠标悬停淡入淡出
Jan 09 #HTML / CSS
一款基于css3和jquery实现的动画显示弹出层按钮教程
Jan 04 #HTML / CSS
一款利用html5和css3实现的3D滚动特效的教程
Jan 04 #HTML / CSS
一款基于css3的列表toggle特效实例教程
Jan 04 #HTML / CSS
一款基于css3麻将筛子3D翻转特效的实例教程
Dec 31 #HTML / CSS
CSS Grid布局教程之网格单元格布局
Dec 30 #HTML / CSS
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
Dec 30 #HTML / CSS
You might like
PHP中动态显示签名和ip原理
2007/03/28 PHP
封装一个PDO数据库操作类代码
2009/09/09 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP的基本常识小结
2013/07/05 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
2013/03/18 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
python获取标准北京时间的方法
2015/03/24 Python
Python使用爬虫猜密码
2016/02/19 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
python将视频转换为全字符视频
2019/04/26 Python
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
夜班门卫岗位职责
2013/12/09 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
中学生思想品德评语
2014/12/31 职场文书
在职证明范本
2015/06/15 职场文书
利用Python判断你的密码难度等级
2021/06/02 Python
Mysql 如何查询时间段交集
2021/06/08 MySQL