ScrollReveal Effect
Scroll the mouse wheel to see the effect
.reveal-center
.reveal-top
.reveal-right
.reveal-bottom
.reveal-left
Reveal with custom attributes and class "reveal"
data-revealorigin = "bottom" data-revealdistance = "40%" data-revealduration = "1000" data-revealdelay = "200"
Reveal with custom attributes and class "reveal"
data-revealorigin = "top" data-revealdistance = "60%" data-revealduration = "2000" data-revealdelay = "300"
Reveal with custom attributes and class "reveal"
data-revealorigin = "left" data-revealdistance = "50%" data-revealduration = "2000" data-revealdelay = "500"
Reveal with custom attributes and class "reveal"
data-revealorigin = "right" data-revealdistance = "30%" data-revealduration = "3000" data-revealdelay = "200"
Reveal with custom attributes and class "reveal"
data-revealorigin = "right" data-revealdistance = "0%" data-revealduration = "3000" data-revealdelay = "200"
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam harum ut et, quo laboriosam! Dolor, qui, illo dolores minus nesciunt atque, consectetur vero veniam expedita a nobis esse. Est, quas!
- Bagher Bari 12/05 Lorem City
- mail@example.com
- +123 0011553366
SUBSCRIBE
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus earum debitis obcaecati,
ipsa pariatur sapiente hic sed enim quisquam iusto.