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 相关文章推荐
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
学习javascript面向对象 javascript实现继承的方式
Jan 04 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
Aug 25 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
关于vue 结合原生js 解决echarts resize问题
Jul 26 Javascript
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
第三节--定义一个类
2006/11/16 PHP
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
php array的学习笔记
2012/05/16 PHP
php过滤HTML标签、属性等正则表达式汇总
2014/09/22 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
2017/08/08 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
Python首次安装后运行报错(0xc000007b)的解决方法
2016/10/18 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python实现单机五子棋
2020/08/28 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
新闻编辑自荐信
2013/11/03 职场文书
南京青奥会口号
2014/06/12 职场文书
考试保密承诺书
2014/08/30 职场文书
弄虚作假心得体会
2014/09/10 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
团员个人总结
2015/02/26 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
警示教育观后感
2015/06/17 职场文书
Python实现简单的猜单词
2021/06/15 Python
Java实现简易的分词器功能
2021/06/15 Java/Android
Nginx反向代理、重定向
2022/04/13 Servers