How to load animation fade-in on certain part of text ?

Question

I don't want to load animation when page loads, but I want to load it when I come to that part of text or paragraph.

Answer 1

https://code.sololearn.com/WTbBZPLFRyEr/?ref=app

Answer 2

Hi Dejan

I dont think you can do this in plain CSS. There are jQuery ways of doing this. But if you want to use vanilla JS then you need to listen to the scroll event and check for your div's visibility.

This tutorial may help and small code is available on github

https://gomakethings.com/how-to-test-if-an-element-is-in-the-viewport-with-vanilla-javascript/

Answer 3

you have events like onmouseover which you can attach to the paragraph