HTML CSS examples for CSS Animation:Animation Control
Make animation go in a loop and never stop
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> @-webkit-keyframes MOVE {<!--from w w w. ja v a 2 s. com--> 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes MOVE { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes MOVE { 0% { opacity: 0; } 100% { opacity: 1; } } #box { -webkit-animation: MOVE 5s infinite; -moz-animation: MOVE 5s infinite; -ms-animation: MOVE 5s infinite; } </style> </head> <body> <div id="box"> Hi </div> </body> </html>