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 相关文章推荐
真正了解CSS3背景下的@font face规则
May 04 HTML / CSS
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
Apr 24 HTML / CSS
浅谈css3新单位vw、vh、vmin、vmax的使用详解
Dec 01 HTML / CSS
CSS3 实现时间轴动画
Nov 25 HTML / CSS
html5 兼容IE6结构的实现代码
May 14 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
Jul 02 HTML / CSS
12个不为大家熟知的HTML5设计小技巧
Jun 02 HTML / CSS
基于Html5实现的语音搜索功能
May 13 HTML / CSS
Html5之自定义属性(data-,dataset)
Nov 19 HTML / CSS
HTML5 video进入全屏和退出全屏的实现方法
Jul 28 HTML / CSS
关于HTML编码导致的乱码问题
Sep 04 HTML / CSS
开发微信小程序之WXSS样式教程
Apr 18 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 mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
PHP实现微信提现功能
2018/09/30 PHP
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
详解JS 比较两个Json对象的值是否相等的实例
2013/11/20 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
Vue强制组件重新渲染的方法讨论
2020/02/03 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
js 获取扫码枪输入数据的方法
2020/06/10 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
Python实现备份文件实例
2014/09/16 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
Python批量修改图片分辨率的实例代码
2019/07/04 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
python利用tkinter实现屏保
2019/07/30 Python
Django实现文件上传下载
2019/10/06 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
Python之字典添加元素的几种方法
2020/09/30 Python
荷兰浴室和卫浴网上商店:Badkamerxxl.nl
2020/10/06 全球购物
Why do we need Unit test
2013/01/03 面试题
男方父母婚礼答谢词
2014/01/25 职场文书
业务总经理岗位职责
2014/02/03 职场文书
40岁生日感言
2014/02/15 职场文书
2014年高考决心书
2014/03/11 职场文书
党员查摆剖析材料
2014/10/10 职场文书
故意杀人案辩护词
2015/05/21 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS