本文介绍如何使用CSS3的@keyframes规则定义透明度变化，结合-webkit-animation属性实现元素的闪烁效果。通过示例展示了在CSS样式表及jQuery中调用动画的方法，并指出当前WebKit内核浏览器对该特性的支持情况。
CSS3实现元素闪烁动画效果
利用CSS3的Animation特性：
具体代码实现如下：
@-webkit-keyframes twinkling{ /*定义透明度从0渐变到1*/
0%{
opacity:0; /*初始透明度设为0*/
}
100%{
opacity:1; /*结束透明度设为1*/
}
}jQuery部分：
jQuery调用方式如下：
$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //为指定元素element添加闪烁动画或者直接在CSS样式表中添加以下代码：
具体CSS代码如下：
#element{
-webkit-animation: twinkling 1s infinite ease-in-out;
}注：动画名称为twinkling，持续时间为1秒，播放次数为无限次，动画缓动效果为ease-in-out
实现过程相当简单。实际上，使用CSS3制作动画效果比Flash或JavaScript更为便捷。希望各大浏览器能尽快全面支持CSS3 Animation。目前，基于WebKit内核的浏览器（如Safari、Chrome）已提供支持。