Css Animation

Making text slide across the browser window

 

This simple example styles the <h1> element so that the text slides in from off the right edge of the browser window.

h1 {   animation-duration: 3s;   animation-name: slidein; } @keyframes slidein {   from {     margin-left: 100%;     width: 300%   }   to {     margin-left: 0%;     width: 100%;   } }