Css3 element simple flashing effect of of html5 jquery

  • 2020-03-30 01:09:30
  • OfStack

CSS 3 Animation:


 @-webkit-keyframes twinkling{    
    0%{
       opacity:0; 
     }
    100%{
       opacity:1; 
    }
  }

Jquery:

$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //Add a flicker animation to the object element

You can also add the following to your CSS styles:

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

Note: the animation name is twinkling ; Time for 1 s   Animation is infinite number of times   Ease -in-out animation


Related articles: