So verwenden Sie Aktionen in CSS

Das Aktionsschlüsselwort in CSS wird verwendet, um das Verhalten zu definieren, wenn die Maus über ein Element fährt oder es aktiviert. Es kann auf die Pseudoklassen :hover und :active angewendet werden, um interaktive Effekte zu erzeugen, z. B. das Ändern des Erscheinungsbilds von Elementen, das Anzeigen ausgeblendeter Elemente oder das Starten von Animationen.

Verwendung von Aktion in CSS

Das Schlüsselwort action wird in CSS verwendet, um das Verhalten zu definieren, wenn die Maus darüber schwebt und Elemente aktiviert. Es gibt den Stil an, der angewendet werden soll, wenn das angegebene Ereignis eintritt.

Syntax:

<code>element:action {
  style-property: value;
}</code>

Ereignisse:

• hover: Wenn die Maus über dem Element schwebt
• aktiv: Wenn das Element aktiviert ist (z. B. wenn auf eine Schaltfläche geklickt wird)

Verwendung:

Aktionsschlüsselwort kann verwendet werden, um verschiedene interaktive Effekte zu erstellen, wie zum Beispiel:

• Ändern der Hintergrundfarbe eines Elements:

<code>button:hover {
  background-color: #00FF00;
}</code>

• Hinzufügen oder Entfernen eines Rahmens:

<code>a:active {
  border: 1px solid #FF0000;
}</code>

• Ändern Sie die Schriftart eines Elements. Größe oder Stil:

<code>h1:hover {
  font-size: 1.5em;
  font-weight: bold;
}</code>

• Versteckte Elemente anzeigen:

<code>.hidden:hover {
  display: block;
}</code>

• Animation starten:

<code>.my-element:active {
  animation: my-animation 2s infinite;
}</code>

Hinweis:

• Aktionsschlüsselwort kann Kann nur mit den Pseudotypen :hover und :active verwendet werden.
• Der Geltungsbereich des Aktionsschlüsselworts ist auf das definierte Ereignis beschränkt.
• Sie können mehrere Aktionsschlüsselwörter verwenden, um unterschiedliche Verhaltensweisen von Elementen bei verschiedenen Ereignissen festzulegen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Aktionen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!