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 相关文章推荐
10 套华丽的CSS3 按钮小结
Oct 03 HTML / CSS
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
Dec 28 HTML / CSS
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
Feb 07 HTML / CSS
CSS3新属性transition-property transform box-shadow实例学习
Jun 06 HTML / CSS
深入浅析css3 border-image边框图像详解
Nov 24 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
Feb 04 HTML / CSS
浅谈css3新单位vw、vh、vmin、vmax的使用详解
Dec 01 HTML / CSS
HTML5 Canvas中绘制椭圆的4种方法
Apr 24 HTML / CSS
处理textarea中的换行和空格
Dec 12 HTML / CSS
HTML利用九宫格原理进行网页布局
Mar 13 HTML / CSS
h5封装下拉刷新
Aug 25 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 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 404错误页面实现代码
2009/06/22 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
javascript常用方法汇总
2014/12/02 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
《JavaScript函数式编程》读后感
2015/08/07 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
基于Vue开发数字输入框组件
2017/12/19 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
python异步任务队列示例
2014/04/01 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
Python 创建空的list,以及append用法讲解
2018/05/04 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
去除python中的字符串空格的简单方法
2020/12/22 Python
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
工作室成员个人发展规划范文
2014/01/24 职场文书
2014升学宴答谢词
2014/01/26 职场文书
道路交通安全实施方案
2014/03/12 职场文书
2014年稽查工作总结
2014/12/20 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
药品销售员2015年终工作总结
2015/10/22 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
python3实现常见的排序算法(示例代码)
2021/07/04 Python