HTML: Bild drehen – So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

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

Das könnte dich interessieren!


Weitere Kategorien






Schreibe einen Kommentar



33369