Ваш текст может быть намного круче, чем просто слова на экране! Я собрал 28 CSS-анимаций, которые превратят обычные буквы в главную фишку вашего сайта. Привет, друзья! Я – Кирилл Мыльников, frontend-разработчик в ГК Юзтех. В этом материале мы разберем 28 примеров, изучим технологии и принципы CSS. При наведении курсора на текстовый элемент запускается впечатляющая динамическая трансформация. Слова мягко увеличатся, а вокруг них разбегутся два сияющих кольца. Они будут расширяться, создавая эффект взрыва, постепенно растворяясь в пространстве...

Привет! Сегодня покажу, как сделать интересный эффект наведения для меню (ну или для любого другого текста). Получилось весьма интересно, данный эффект у меня и на блоге, и на сайте. Смотрим! Этот красивый hover-эффект я сам где-то нашел и он мне весьма понравился. Теперь же хочу научить ему Вас. В целом, все несложно и работает через псевдоэлемент и overflow. Разметка <div class="main__menu">   <div class="container">     <nav>       <ul>         <li><a href="#"><span data-text="HTML/CSS"></span>HTML</a></li>  ...

Странно, но мало, где пишут об этой полезной библиотеке, поэтому исправляю эту ситуацию. Hover.CSS — это бесплатная коллекция CSS3-эффектов при наведении, применяемых к ссылкам, кнопкам, логотипам, svg, изображениям и т...