Как применить «взлом внутри» при наведении в попутном ветре?

В этой статье будет показан метод применения «взлома внутрь» при наведении курсора в Tailwind CSS.

Как применить «взлом внутрь» при наведении в попутном ветре?

Чтобы применить «взлом внутри» при наведении курсора в Tailwind, используйте свойство «зависания» со специальной утилитой «взлома» для нужных элементов в программе HTML. Затем просмотрите веб-страницу для проверки.

Для практической демонстрации попробуйте выполнить перечисленные ниже шаги:

Шаг 1. Используйте свойство Hover с утилитой «break-inside».
Создайте программу HTML и используйте « парить » с желаемой утилитой «break-inside». Например, мы использовали свойство hover с « перерыв-внутри-избегать-столбца », чтобы избежать разрыва столбца внутри элемента

при наведении:

Здесь:

• “ колонны-2 ” используется для разделения
  на два столбца.
• “ бг-желтый-500 ” задает желтый цвет для фона
  .
• “ hover: перерыв-внутри-избегать-столбца ” в элементе

  указывает, что при наведении указателя мыши следует избегать разрыва столбца внутри элемента

  .

Шаг 2: проверьте вывод
Чтобы убедиться, что утилита «break-inside-avoid-column» была успешно применена при наведении, просмотрите веб-страницу HTML:

Вышеприведенный вывод показывает, что когда пользователь навел курсор на нужный элемент, разрыв столбца внутри элемента удалось избежать. Это указывает на то, что столбец break-in-avoid-column был успешно применен к элементу при наведении, в соответствии с которым он был указан.

Заключение

Чтобы применить «взлом внутрь» при наведении в Tailwind, используйте « парить ” недвижимость с желаемым “ взлом » в программе HTML. Свойство hover можно использовать с любым элементом. Для проверки просмотрите веб-страницу. В этой статье объясняется метод применения «взлома внутрь» при наведении курсора в Tailwind CSS.