Slide animation


Example

Slide caption I css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide caption II css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Expand (only css, no css transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Pretty expand (only css, transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Contract to center (only css, transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Flip X (only css, transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Flip Y (only css, transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Rotate (only css, transform) css

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Hover directory css js

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Inverse hover directory css js

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Slide 4

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum