Как плавно изменить цвет ссылки?
Цвет ссылки устанавливается через свойство color, которое добавляется к селектору A. Для изменения цвета ссылки при наведении на неё курсора мыши применяется псевдокласс :hover, а чтобы смена цвета происходила плавно, к селектору A следует добавить свойство transition, значением которого выступает время. Оно указывается обычно в секундах или миллисекундах (пример 1).
Пример 1. Изменение цвета ссылок
В данном примере для наглядности выбраны контрастные цвета и задано время перехода одна секунда. На рабочем сайте время перехода подбирайте по своему вкусу и желанию.
См. также
- :focus на мобильных устройствах
- color
- currentColor
- transition
- Виды ссылок
- Всплывающая подсказка
- Единицы цвета в CSS
- Использование :hover
- Наследование в CSS
- Нормальное позиционирование
- Переходы
- Переходы и анимация
- Переходы с помощью :hover
- Подсветка строк и колонок таблицы
- Псевдокласс :hover
- Псевдоклассы в CSS
- Работа с типографикой
- Селекторы CSS
- Сочетание с псевдоклассами
Автор и редакторы
Последнее изменение: 20.09.2018
Редакторы: Влад Мержевич