In CSS, un elemento risponde avviando gli effetti di transizione ogni volta che un utente si libra su di esso. È un metodo efficace per migliorare l'esperienza dell'utente e viene utilizzato per attirare l'attenzione sui componenti cruciali di una pagina web. Per farlo, puoi impostare il "Eventi di puntatore"Proprietà CSS dell'elemento con il valore"nessuno".

Questo post spiegherà il metodo per applicare l'effetto Disabilita CSS.

Come applicare l'effetto Disabilita CSS?

Per applicare CSS per disabilitare l'effetto hover, utilizzare il CSS "Eventi di puntatore"Proprietà e impostare il valore di questa proprietà come"nessuno". Per fare ciò, segui le istruzioni fornite.

Passaggio 1: crea un contenitore div

Innanzitutto, crea un contenitore div con l'aiuto del ""Elemento e inserire un attributo ID o classe con un nome specifico.

Passaggio 2: inserire l'intestazione

Quindi, utilizzare il tag di intestazione e incorporare il testo all'interno del tag di intestazione. A tale scopo, il

il tag viene utilizzato.

Passaggio 3: aggiungi il tag ""

Dopodiché, aggiungi il ""Tag e con l'aiuto di"Href", Aggiungi un URL della pagina il collegamento naviga. Inoltre, aggiungi un "classe"Attributo con un nome particolare e un testo incorporato tra il tag" "da visualizzare:

Sito ufficiale di Linuxhint

Linuxhint

Produzione

Passaggio 4: contenitore "div" stile

Accedi al contenitore Div utilizzando il valore ID come "#principale":

#principale
Margine: 50px;
imbottitura: 30px;
bordo: 3px verde solido;
Background-color: RGB (173, 224, 173);

Quindi, applica le proprietà menzionate elencate di seguito:

• "margine" E "imbottitura"Entrambi sono utilizzati per specificare lo spazio nella pagina HTML. Mentre il "margine" viene utilizzato per aggiungere spazio all'esterno del confine e "imbottitura" è per la spaziatura interna.
• "confine"Definisce un limite attorno a un particolare elemento.
• "colore di sfondo"Determina il colore sul retro dell'elemento.

Produzione

Passaggio 5: disabilita l'effetto "hover"

Accedi al ""Elemento con il nome di classe come".nohover":

.nohover
Event puntatore: nessuno;
Background-color: RGB (240, 116, 116);

Successivamente, applica il “Eventi di puntatore"Proprietà che regola come i componenti HTML reagiscono al mouse/touch, JavaScript Click/Tap e Active/Hover CSS States, nonché se il cursore viene visualizzato o meno.

Produzione

Questo è tutto su CSS Disabilita l'effetto Hover.

Conclusione

Per applicare CSS per disabilitare l'effetto hover, utilizzare il CSS "Eventi di puntatore"Proprietà e impostare il valore di questa proprietà come"nessuno". La proprietà puntatore-evento viene utilizzata per regolare il modo in cui i componenti HTML reagiscono al mouse/touch, JavaScript Click/Tap e gli stati CSS attivi/hover, nonché se il cursore viene visualizzato. Questo post ha dimostrato il metodo per applicare CSS per disabilitare l'effetto hover.