css3元素简单的闪烁效果实现(html5 jquery)


Posted in Javascript onDecember 28, 2013

css3 Animation:

 @-webkit-keyframes twinkling{    /*透明度由0到1*/
    0%{
       opacity:0; /*透明度为0*/
     }
    100%{
       opacity:1; /*透明度为1*/
    }
  }

Jquery :
$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在对象element中添加闪烁动画

也可以在css样式里添加如下:
    #element{
          -webkit-animation: twinkling 1s infinite ease-in-out; 
     }

注:动画名称为twinkling  时间为1s  动画次数为无限次  动画效果 ease-in-out

简单吧!其实用css3做动画效果,比用flash,javascript要方便简单多了!希望浏览器赶快都支持css3 Animation .目前webkit内核的浏览器都支持(safrai,chrome)

Javascript 相关文章推荐
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
Oct 23 Javascript
你不知道的高性能JAVASCRIPT
Jan 18 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
原生js实现吸顶效果
Mar 13 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
js使用Promise实现简单的Ajax缓存
Nov 14 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
javascript 函数的暂停和恢复实例详解
Apr 25 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
js动态调用css属性的小规律及实例说明
Dec 28 #Javascript
JQuery的$命名冲突详细解析
Dec 28 #Javascript
js中call与apply的用法小结
Dec 28 #Javascript
SinaEditor使用方法详解
Dec 28 #Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 #Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 #Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 #Javascript
You might like
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
JavaScript获取文本框内选中文本的方法
2015/02/20 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
wxPython事件驱动实例详解
2014/09/28 Python
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
python追加元素到列表的方法
2015/07/28 Python
Python中查看文件名和文件路径
2017/03/31 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
代码实例讲解python3的编码问题
2019/07/08 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
美国环保婴儿用品公司:The Honest Company
2017/11/23 全球购物
加拿大时装零售商:Influence U
2018/12/22 全球购物
花店创业计划书范文
2014/02/07 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
学习心理学心得体会
2016/01/22 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript