CSS3 Keyframes Animation Generator. This is from the Google Font Library so to make it work make sure you have this snippet in the head section of your HTML. Specify when the style change will happen in percent, or with the keywords "from" and
How to Create CSS Transition Slide Down & Slide up Effect. CSS Transitions and transforms work beautifully for creating visual interactions based on single state changes. During the animation, you can change the set of CSS styles many times.