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