Welcher Code ist im CSS-Klick versteckt?-CSS-Tutorial-php.cn

Welcher Code ist im CSS-Klick versteckt?

WBOY

Freigeben： 2021-12-07 17:59:10

Original

3670 Leute haben es durchsucht

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.

Welcher Code ist im CSS-Klick versteckt?

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; }

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabeergebnis:

Welcher Code ist im CSS-Klick versteckt?

(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!