изменить прозрачность

Есть текст на странице, у него opacity стоит 0, и как только пользователь его увидит (к примеру прокрутит страницу) то у него должна стать opacity 1 с неким transition, как такое сделать?

Имеется вот такой вид:

Доброго времени сутокЕсть код