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

Вы можете использовать псевдокласс :hover для селектора элемента, чтобы сделать появление текста при наведении на элемент. Например, если у вас есть элемент <div> с классом «box» и вы хотите, чтобы поялялся текст при наведении на него, вы можете использовать следующий CSS код:

.box {
  position: relative;
}

.box:hover::after {
  content: "Текст, который появится при наведении";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
}

В этом примере мы добавляем псевдоэлемент ::after к элементу <div> с классом «box» при наведении на него. Мы также устанавливаем позиционирование элемента на absolute, чтобы он появлялся поверх элементаdiv>`. Мы также добавляем стили для фона, отступов и границы для элемента, чтобы он выглядел как всплывающее окно.

реклама

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

реклама

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

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

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

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

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

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