Heim > Artikel > Web-Frontend > So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3
Implementierungsmethode: 1. Verwenden Sie den Selektor „:active“, um den Status des Mausklicks auf das Bild auszuwählen. 2. Verwenden Sie das Transformationsattribut und die Funktion „scale()“, um den Bildvergrößerungseffekt zu erzielen, die Syntax „img:active“. {transformieren: Skala(x-Achsen-Vergrößerungsfaktor), y-Achsen-Vergrößerung);}".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css3 implementiert Mausklick, um das Bild zu vergrößern
Implementierungsidee:
Verwenden Sie den Selektor „:aktiv“, um den Status des Mausklicks auf das Bild auszuwählen Funktion „scale()“, um den Vergrößerungseffekt zu erzielen . Das häufigste Beispiel für den aktiven Selektor ist wahrscheinlich die Anwendung auf Links. Das Öffnen eines Links ist jedoch eine vorübergehende Aktion, die die Eigenschaften des aktiven Selektors nicht gut widerspiegelt.
(Lernvideo-Sharing:
CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo vergrößern Sie das Bild durch Klicken mit der Maus in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!