CSS3 elements Simple Flicker effect implementation (HTML5 jquery) _javascript tips

CSS3 Animation:

Copy Code code as follows:

@-webkit-keyframes twinkling{/* Transparency from 0 to 1*/
0%{
opacity:0; /* Transparency is 0*/
}
100%{
Opacity:1; /* Transparency is 1*/

}
}

Jquery:

Copy Code code as follows:

$ (Element). css ({"-webkit-animation": "twinkling 1s infinite ease-in-out"}); To add a flashing animation to an object element

You can also add the following in CSS styles:

Copy Code code as follows:

#element {

-webkit-animation:twinkling 1s infinite ease-in-out;
}

Note: The animation name is twinkling time is 1s animation number of times is an infinite animation effect ease-in-out

It's easy! In fact, use CSS3 to do animation effect, than with flash,javascript to be more convenient and simpler! Hope that the browser quickly support CSS3 Animation. Currently WebKit kernel browser support (safrai,chrome)