Як зробити плавну появу блоку?
Для прихованого блоку вказуємо повну прозорість, і навіть прописуємо йому швидкість переходу між станами елемента. Для цього нам потрібні теги opacity:0 та transition: 2 s. Зверніть увагу, швидкість переходу стану елемента ми задали 2 секунди.
Як зробити появу елементів при Скролл?
Для цього в момент появи у вікні при скролі йому треба додати CSS-клас square-transition . Так користувач, у якого заблокований або не завантажується JavaScript, повинен все одно побачити HTML-елемент в його остаточному стані.