Выдвигающийся текст на CSS

Выдвигающийся текст на CSS. Анимация на CSS #1

Привет! Меня по прежнему зовут Антон. С этого поста я начинаю рубрику: «Анимация на CSS». В ней я буду делиться с тобой различными эффектами, используя только HTML и CSS.

Этими приемами можно пользоваться в своих проектах и сделать их более интересными.

В постах из этой рубрики будет преобладать практика. Желательно писать код самому с нуля. Ну, а для особо ленивых можно просто скопировать данный код.

Вот и сама анимация текста в коде и с примером (чтобы запустить пример нажмите на кнопку «Rerun» внизу и поставьте масштаб 0.5x):

See the Pen Animate Text HTML CSS by AntonAniskovich (@AntonAniskovich) on CodePen.

Если вы не поняли как работает данный код, советую посмотреть мое видео на youtube. В котором я подробно описываю весь процесс:

Прошу высказать свое мнение по такому формату в комментариях. Интересен ли он тебе и что не хватает. Буду ждать.

Подписаться на обновления блога

Вы будете получать анонсы полезных материалов прямо на почту.