Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...

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