Демо · анимация текста

Каждое слово проявляется отдельно — со сдвигом, лёгким поворотом и размытием, что уходит в резкость.

Эффект 02

Текст печатается по буквам

Буквы появляются одна за другой, складываясь в строку — как будто кто-то набирает её прямо сейчас.

Эффект 03

Строки выезжают из-под маски, одна за другой

Каждая строка скрыта за невидимым краем и плавно поднимается на своё место. Приём, который часто встречается в дорогих сайтах-портфолио.

Эффект 04

Появление при прокрутке

Блоки реагируют на скролл: всплывают снизу, проявляясь из размытия. Анимация запускается только когда элемент попадает в поле зрения — поэтому страница ощущается живой.

Все эффекты на чистом CSS, без библиотек. И уважают системную настройку «уменьшить движение».

Конец демо