>

Slide in an Element

Animate from Bottom

Slides in an element from the bottom -300px to 0 w3-animate-left

Animate from Left

Slides in an element from the left -300px to 0 w3-animate

CSS Transition

You can use CSS3 transitions or maybe CSS3 animations to slide in an element.

CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide.

Slide Left to Right

To do a slide left to right animation we set the starting position of the element to have a negative left.