Как да приложите „взлом“ на Hover в Tailwind?

Тази статия ще илюстрира метода за прилагане на „взлом“ при задържане на мишката в Tailwind CSS.

Как да приложите „взлом“ на Hover в Tailwind?

За да приложите „взлома“ при задържане на курсора на мишката в Tailwind, използвайте свойството „задържане“ със специфичната помощна програма „вникване“ върху желаните елементи в HTML програмата. След това вижте уеб страницата за проверка.

За практическа демонстрация изпробвайте изброените по-долу стъпки:

Стъпка 1: Използвайте свойство Hover с помощната програма „break-inside“.
Създайте HTML програма и използвайте „ завъртане ” имот с желаната полезност за „взлом”. Например използвахме свойството hover с „ пробив-вътре-избягване-колона ”, за да избегнете прекъсване на колона в елемента

при задържане:

Тук:

• “ колони-2 ” се използва за разделяне на
  на две колони.
• “ bg-yellow-500 ” задава жълт цвят на фона на
  .
• “ hover:break-inside-avoid-column ” в елемента

  показва, че когато курсорът на мишката се задържи над него, прекъсването на колоната трябва да се избягва в елемента

  .

Стъпка 2: Проверете изхода
За да проверите дали помощната програма „break-inside-avoid-column“ е приложена успешно при задържане на курсора на мишката, вижте HTML уеб страницата:

Горният резултат показва, че когато потребителят задържи курсора на мишката над желания елемент, прекъсването на колоната в елемента е избегнато. Това показва, че „колоната за избягване на пробив“ е била успешно приложена към елемента при задържане, според който е била посочена.

Заключение

За да приложите „взлом“ при задържане на курсора на мишката в Tailwind, използвайте „ завъртане ”имот с желаното” влизане с взлом ” помощна програма в HTML програмата. Свойството hover може да се използва с всеки елемент. За проверка вижте уеб страницата. Тази статия обяснява метода за прилагане на „взлом“ при задържане на мишката в Tailwind CSS.