CSS transition — ключевой инструмент в арсенале веб-разработчика для создания интерактивных и визуально привлекательных интерфейсов. Он позволяет добавить плавность изменениям свойств элементов, значительно улучшая пользовательский опыт. Эта статья представляет собой исчерпывающее руководство по transition. Мы начнем с основ: рассмотрим синтаксис свойства transition и его сокращенную запись, включающую в себя transition-property, transition-duration, transition-timing-function и transition-delay...

Эффект наведения ссылки с изменением цвета справа налево Лично мне нравится использовать этот эффект для ссылок в навигации. Ссылка начинается одним цветом без подчеркивания. Затем, при наведении курсора, справа появляется новый цвет, а слева - подчеркивание. Красиво, правда? Там происходит много движения, поэтому вы можете рассмотреть последствия доступности и обернуть все это в prefers-reduced-motion запрос, чтобы заменить его чем-то более тонким для тех, кто чувствителен к движению. Вот как это работает...