Как поменять цвет текста при наведении CSS

Чтобы изменить цвет текста при наведении на элемент, можно использовать псевдокласс :hover и свойство color.

Пример HTML:

<a href="#" class="link">Мой текст</a>

Пример CSS:

.link {
  color: #000000; /* цвет текста по умолчанию */
}

.link:hover {
  color: #FF0000; /* цвет текста при наведении курсора на элемент */
}

В этом примере, при наведении курсора на элемент ссылки, цвет текста изменится на красный.

Также можно использовать разные эффекты анимации или переходов для более интересного визуального эффекта. Например:

.link {
  color: #000000;
  transition: color 0.3s ease;
}

.link:hover {
  color: #FF0000;
}

В этом примере свойство transition добавляет плавный переход изменения цвета текста при наведении на элемент ссылки. Это создает более интересный эффект, чем простое изменение цвета.

Надеюсь, это поможет вам изменить цвет текста при наведении на элемент!

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как поменять цвет текста при наведении CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали