Heim > Artikel > Web-Frontend > Welcher Code ist im CSS-Klick versteckt?
Welcher Code ist im CSS-Klick versteckt?
- WBOYOriginal
- 2021-12-07 17:59:103671Durchsuche
In CSS ist der beim Klicken ausgeblendete Code „element:active{opacity:0;}“; der „:active“-Selektor wird verwendet, um den Status des Elements beim Klicken auszuwählen und den Stil und die Deckkraft festzulegen Das Attribut wird verwendet, um den Deckkraftgrad des Elements festzulegen. Das heißt, wenn auf das Element geklickt wird, wird das Element ausgeblendet und nicht angezeigt.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Was ist der Code für das Ausblenden von CSS-Klicks?
In CSS können Sie den :active-Selektor und das Opazitätsattribut verwenden, um den Klick-Ausblenden-Effekt zu erzielen.
:active-Selektor wird zum Auswählen aktiver Links verwendet.
Wenn Sie auf einen Link klicken, wird dieser aktiv (aktiviert).
Die Opazitätseigenschaft legt den Deckkraftgrad eines Elements fest.
Die spezifische Syntax lautet:
元素:active{opacity: 0; }Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width: 380px;
height: 250px;
background-image: url(1118.02.png);
}
div:active{
opacity: 0;
}
</style>
</head>
<body>
<div>鼠标点击div盒子</div>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWelcher Code ist im CSS-Klick versteckt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- So wählen Sie das p-Element unter div in CSS aus
- So legen Sie fest, dass der Text des td-Elements im CSS oben angezeigt wird
- So entfernen Sie den kursiven Stil aus dem EM-Tag in CSS
- So schreiben Sie CSS-Auf- und -Ab-Bewegungseffekte
- So legen Sie die Textformatierung in CSS fest, um beide Enden auszurichten