So verwenden Sie CSS3 zum Vergrößern von Bildern

WBOY
Freigeben: 2022-03-29 17:54:24
Original
4553 Leute haben es durchsucht

Methode: 1. Verwenden Sie das Transformationsattribut mit der Scale()-Methode, um dem Bild den Stil „transform:scale (X-Achsen-Vergrößerung, Y-Achsen-Vergrößerung)“ hinzuzufügen. 2. Verwenden Sie zum Hinzufügen die Breiten- und Höhenattribute „Breite: Breitenwert; Höhe: Höhenwert;“

So verwenden Sie CSS3 zum Vergrößern von Bildern

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So verwenden Sie CSS3, um den Vergrößerungseffekt von Bildern zu erzielen

Methode 1: Verwenden Sie das Transformationsattribut mit der Scale()-Methode.

Transformationsattribut, um eine 2D- oder 3D-Transformation auf das Element anzuwenden. Mit dieser Eigenschaft können wir das Element drehen, skalieren, verschieben oder neigen.

scale(x,y) definiert die 2D-Skalierungstransformation.

Das Beispiel sieht wie folgt aus:

      Document  
So verwenden Sie CSS3 zum Vergrößern von Bildern

So verwenden Sie CSS3 zum Vergrößern von Bildern
Nach dem Login kopieren

Ausgabeergebnis:

So verwenden Sie CSS3 zum Vergrößern von Bildern

Methode 2: Verwenden Sie die Breiten- und Höhenattribute

, um die Breite bzw. Höhe des Elements festzulegen.

Das Beispiel sieht wie folgt aus

      Document  
So verwenden Sie CSS3 zum Vergrößern von Bildern

So verwenden Sie CSS3 zum Vergrößern von Bildern
Nach dem Login kopieren

Ausgabeergebnis:

So verwenden Sie CSS3 zum Vergrößern von Bildern

(Lernvideo-Sharing:CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS3 zum Vergrößern von Bildern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!