HTML CSS examples for CSS Animation:Slide
Marquee style animation
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #scroll {<!-- www . ja va 2 s .co m--> position:absolute; animation:scrll 7s infinite; animation-timing-function:linear; -webkit-animation:scrll 7s infinite; -webkit-animation-timing-function:linear; } @keyframes scrll { 0% { left:100% } 100% { left:-26%; } } </style> </head> <body> <div style="position:relative;width:100%;overflow-x:hidden;height:100px;"> <div onclick="console.log('hi')" id="scroll"> Lorem ipsum </div> </div> </body> </html>