In CSS reagiert ein Element, indem sie mit Übergangseffekten beginnen, wenn ein Benutzer darüber schwebt. Es ist eine effektive Methode zur Verbesserung der Benutzererfahrung und wird verwendet, um die Aufmerksamkeit auf die entscheidenden Komponenten einer Webseite zu lenken. Dazu können Sie die "festlegen"Zeiger-Events"CSS -Eigenschaft des Elements mit dem Wert"keiner”.

Dieser Beitrag erklärt die Methode zur Anwendung des CSS -Deaktivierungsschwebeffekts.

So wenden Sie CSS -Deaktivierungsschwebeeffekt an?

Um CSS anzuwenden, um den Schwebeffekt zu deaktivieren, verwenden Sie das CSS. “Zeiger-Events"Eigenschaft und setzen Sie den Wert dieser Eigenschaft als" als "keiner”. Befolgen Sie dazu die angegebenen Anweisungen.

Schritt 1: Machen Sie einen DIV -Behälter

Erstellen Sie zunächst einen DIV -Behälter mit Hilfe des “Element ”und fügen Sie ein ID oder ein Klassenattribut mit einem bestimmten Namen ein.

Schritt 2: Überschrift einfügen

Verwenden Sie als Nächst. Zu diesem Zweck die

Tag wird verwendet.

Schritt 3: Fügen Sie "” -Tag hinzufügen

Danach fügen Sie die "hinzu""Tag und mit Hilfe von"href”, Fügen Sie eine URL der Seite hinzu, die Link navigiert. Auch ein "fügen Sie eine" hinzu "Klasse”Attribut mit einem bestimmten Namen und einem bestimmten Text in das„ “-Tag zum Anzeigen:

Offizielle LinuxHint -Website

LinuxHint

Ausgang

Schritt 4: Stil „Div“ -Stil -Behälter

Greifen Sie mit dem ID -Wert als ID -Wert auf den Div -Container zu. “#hauptsächlich”:

#hauptsächlich
Rand: 50px;
Polsterung: 30px;
Grenze: 3px fest grün;
Hintergrundfarbe: RGB (173, 224, 173);

Wenden Sie dann die nachstehend aufgeführten genannten Eigenschaften an:

• “Rand" Und "PolsterungBeide werden verwendet, um den Speicherplatz auf der HTML -Seite anzugeben. Während der „Rand“ zum Hinzufügen von Platz außerhalb der Grenze verwendet wird, und „Polsterung“ für den Innenraum ist.
• “Grenze”Definiert eine Grenze um ein bestimmtes Element.
• “Hintergrundfarbe”Bestimmt die Farbe am Hintern des Elements.

Ausgang

Schritt 5: Deaktivieren Sie den „Schweber“ -Effekt

Greife auf ... zu "Element mit dem Klassennamen als ".Nohover”:

.nohover
Zeiger-Events: Keine;
Hintergrundfarbe: RGB (240, 116, 116);

Als nächstes wenden Sie das an “Zeiger-EventsEigenschaft, die reguliert, wie HTML -Komponenten auf Maus/Berührung reagieren, JavaScript -Klick/Tippen und Active/Hover CSS -Zustände sowie der Anlage des Cursors angezeigt werden oder nicht.

Ausgang

Das dreht sich alles um CSS Deaktivieren Sie den Hover -Effekt deaktivieren.

Abschluss

Um CSS anzuwenden, um den Schwebeffekt zu deaktivieren, verwenden Sie das CSS. “Zeiger-Events"Eigenschaft und setzen Sie den Wert dieser Eigenschaft als" als "keiner”. Die Eigenschaft Zeiger-Event wird verwendet. Dieser Beitrag hat die Methode zur Anwendung von CSS zum Deaktivieren des Schwebeffekts gezeigt.