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

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

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

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

 Mapbiz Group 

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

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

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

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

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

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

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

Заявка в обработке
В ближайшее время мы с Вами свяжемся.
small_c_popup.png

Начнем работу

Заполните форму - начнём обсуждение вашего проекта

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