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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
jquery带动画效果幻灯片特效代码
Aug 27 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
Vue计算属性的使用
Aug 04 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
node使用promise替代回调函数
May 07 Javascript
JS实现盒子拖拽效果
Feb 06 Javascript
nestjs返回给前端数据格式的封装实现
Feb 22 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/10/09 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
两个Javascript小tip资料
2010/11/23 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
JQuery基础语法小结
2015/02/27 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
Jquery $.map使用方法实例详解
2020/09/01 jQuery
Python数据类型详解(一)字符串
2016/05/08 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python实现转圈打印矩阵
2019/03/02 Python
YUV转为jpg图像的实现
2019/12/09 Python
python 实现视频 图像帧提取
2019/12/10 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
Selenium启动Chrome时配置选项详解
2020/03/18 Python
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
介绍一下write命令
2014/08/10 面试题
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang