Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...

Недавно в проекте - лендинге моего произведения - захотел применить анимацию набора текста. Такой эффект – не новое в веб дизайне. И решений этой задачи в интернете можно найти кучу. Конечно я не стал долго думать – нашел на одном из форумов глобальной сети кой какой код. Но как всегда пришлось немного дорабатывать. В итоге – сделал универсальную функцию на нативном JS. Для большей правдоподобности добавил курсор как псевдоэлемент ( ::after ) и применил к нему анимацию изменения прозрачности ( opacity )...