CSS3 element Simple flicker effect (HTML5 jquery)

CSS3 Animation:

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

Jquery:

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

You can also add the following in CSS style:

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

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

It's simple! In fact, with CSS3 animation effect, than with the flash,javascript to be more convenient and simple! I hope the browser will quickly support CSS3 Animation. Currently WebKit Kernel browser is supported (Safrai,chrome)

