I CSS reagerer et element ved å starte overgangseffekter når en bruker henger over det. Det er en effektiv metode for å forbedre brukeropplevelsen og brukes til å trekke oppmerksomhet til de avgjørende komponentene på en webside. For å gjøre det, kan du angi “peker-hendelser”CSS -egenskap til elementet med verdien”ingen”.

Dette innlegget vil forklare metoden for anvendelse av CSS deaktiver sveveeffekten.

Hvordan du bruker CSS deaktiver sveveeffekt?

For å bruke CSS for å deaktivere svevetffekten, bruk CSS “peker-hendelser”Eiendom og sett verdien av denne egenskapen som“ingen”. For å gjøre det, følg de gitte instruksjonene.

Trinn 1: Lag en div container

Først må du lage en DIV -beholder ved hjelp av "”Element og sett inn en ID- eller klasseattributt med et spesifikt navn.

Trinn 2: Sett inn overskrift

Deretter bruker du overskriften og legg inn tekst i overskriften. For det formålet,

Tag brukes.

Trinn 3: Legg til “” -kode

Etter det, legg til “”Tag, og med hjelp av“href”, Legg til en url på siden lenken navigerer. Legg også til en "klasse”Attributt med et bestemt navn og innebygd tekst mellom“ "-merket som skal vises:

Linuxhint offisielt nettsted

Linuxhint

Produksjon

Trinn 4: Stil “div” container

Få tilgang til DIV -beholderen ved å bruke ID -verdien som “#hoved”:

#hoved
Margin: 50px;
polstring: 30px;
Grense: 3px solid grønn;
bakgrunnsfarge: RGB (173, 224, 173);

Bruk deretter de nevnte egenskapene som er oppført nedenfor:

• “margin”Og“polstring”Begge brukes til å spesifisere plassen på HTML -siden. Mens "margin" brukes til å legge til plass utenfor grensen, og "polstring" er for innsiden av avstanden.
• “grense”Definerer en grense rundt et bestemt element.
• “bakgrunnsfarge”Bestemmer fargen på baksiden av elementet.

Produksjon

Trinn 5: Deaktiver "sveve" -effekt

Få tilgang til “”Element med klassenavnet som“.Nohover”:

.nohover
Peker-hendelser: Ingen;
bakgrunnsfarge: RGB (240, 116, 116);

Neste, bruk "peker-hendelser”Eiendom som regulerer hvordan HTML -komponenter reagerer på mus/berøring, JavaScript Click/Tap, og Active/Hover CSS -tilstander, så vel som om markøren vises eller ikke.

Produksjon

Det handler om CSS deaktiverte sveveeffekt.

Konklusjon

For å bruke CSS for å deaktivere svevetffekten, bruk CSS “peker-hendelser”Eiendom og sett verdien av denne egenskapen som“ingen”. Peker-arrangementegenskapen brukes til å regulere hvordan HTML-komponenter reagerer på mus/berøring, JavaScript Click/Tap, og Active/Hover CSS-tilstander, samt om markøren vises eller ikke. Dette innlegget har vist metoden for å anvende CSS for å deaktivere sveveteffekten.