HTML: Bild drehen – So gehts!

Wenn 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.

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);">

Über mich

Domi

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