delighter.js — -CSS3 animation effects when scrolling

YvonneDev
3 min readMay 1, 2019

Delighter.js is a tiny javascript library. Add CSS animations to delight users as they scroll down. by Q42. It was developed by Martin Kool.

The plugin GitHub

The demo GitHub

Demo online
In this demo, I combined deligters.js and bigpicture.js.
For more information about bigpicture.js check here

Step1:
insert javascript library in body

Step2:

DOM contains a few sections.
The first section is below:

To apply delighters.js / we need to add a data-delighter attribute in a tag

The second section below which applied bigpicture.js :

--

--

YvonneDev

❤️Front-end Web Development self-taught *share what I learned*