HTML Themen
Scripts
Schrift & Text
Farben
Link
Bilder
Elemente
Video
Weiterleitung
Icons
Audio
Layout
HTML: Bild drehen – So gehts!
veröffentlicht am: 8. August 2022Wenn du in HTML ein Bild drehen möchtest dann machst du das am einfachsten mit CSS. Mit dem Befehl transform kannst du in CSS ein Bild drehen. Ich zeige es dir in ein paar Beispielen damit du es verstehst.
Inhaltsverzeichnis
HTML Bild um 45 Grad drehen
Zuerst fügen wir uns ein Bild in HTML ein und fügen den CSS Befehl transform hinzu.
Mit transform:rotate(45deg) wird das Bild um 45 Grad gedreht.
<img src ="bild.jpg" style ="transform:rotate(45deg);">
HTML Bild um 90 Grad drehen
Wenn du das Bild um 90 grad drehen steht das Bild auf dem Kopf.
<img src ="bild.jpg" style ="transform:rotate(90deg);">HTML Bild um 180 Grad drehen
<img src ="bild.jpg" style ="transform:rotate(180deg);">HTML Bild um 360 Grad drehen
Wie du siehst es kommt wieder die ursprüngliche Position heraus, also hat die Drehung funktioniert
<img src ="bild.jpg" style ="transform:rotate(360deg);">
Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite
Das könnte dich interessieren!
Weitere Kategorien
33369
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.