Разработка сайтов

Анимация сияющих букв

Симуляция побуквенного ввода текста с ярко-белым свечением в формате анимации

Используемые технологии: CSS, HTML

 Mapbiz Group 

Эффект реализован на использовании чистого CSS и HTML кода. 

Заголовку H2 добавляется псевдоэлемент, который переводится в абсолютное позиционирование, с целью размещения поверх заголовка.

Затем ширина псевдоэлемента делается минимальной и задается левая граница для симуляции курсора набора текста.

В завершение создается анимация, которая будет постепенно то увеличивать ширину псевдоэлемента, то уменьшать ее. 

На псевдоэлемент накладывается фильтр со свечением (drop-shadow).

Начнём знакомство

Отжарь конкурентов

Оставьте контакты