HTML и CSS. Надо сделать плавное появление (при появлении в пределах видимости элемента на сайте), а так же плавное исчезновение (при кхода из вида)

HTML и CSS. Надо сделать плавное появление (при появлении в пределах видимости элемента на сайте), а так же плавное исчезновение (при кхода из вида). Сказали сделать это именно на CSS и HTML.

Для <div id="first" class="section">Секция 1</div> и <div id="second" class="section">Секция 2</div>.

Кто знает, подскажите пожалуйста.