Orlando: ? Elemente drehen

Beitrag lesen

Hallo Christian,

ist es moeglich Elemente mit Hilfe von CSS, HTML etc. gedreht darzustellen? Zum Beispiel ein Bild zu drehen ohne die Datei selbst zu drehen?

Ja, mit SVG (Beispiel).

<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>  
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [  
 <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">  
]>  
  
<!-- Vorlagen von Thomas Meinike:  
     http://svglbc.datenverdrahten.de/?code=image&znr=on  
     http://svglbc.datenverdrahten.de/?code=transform&znr=on -->  
  
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  
 <title>Bild mit SVG drehen</title>  
 <desc>Die zweite Grafik wird mittels transform/rotate um 270 Grad gedreht</desc>  
  
 <image xlink:href="browser-icons-bunt.png" x="20"  y="20" width="215" height="30"/>  
 <image xlink:href="browser-icons-bunt.png" x="-80" y="20" width="215" height="30" transform="rotate(270,100,100)" />  
</svg>

Grüße
 Roland