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

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

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

全栈程序员社区此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“验证码”,获取验证码。在微信里搜索“全栈程序员社区”或者“www_javaforall_cn”或者微信扫描右侧二维码都可以关注本站微信公众号。

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 

http://www.cnblogs.com/roucheng/

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120739.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号