Ist ja ganz hübsch.
Aber eine nachfrage, wie ist es damit ob alle Browser auch transform-rotate kennen? Wie sieht es da aus?
Habe nun folgendes:
<h1>
<svg viewBox="0 0 50 250" preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="3" width="42" height="242" stroke-width="5" stroke="orange" fill="none"></rect>
<text x="66" y="148" text-anchor="middle" font-size="35"
transform="rotate(-90,40,150)">Tassilo Sturm</text>
</svg>
</h1>
Chrome , opera und Firefox machens obwohl die Schriftgröße unterschiedlich ist, aber egal.
Im edge und 10er machens, aber bei edge muss man einmal auf den Schriftzug klicken dann erscheint er erst, weiß nicht was das wieder ist.
Link zur Demoversion in der Test-Umgebung
Im 10er macht er es auch, den 9er kann man glaub ich vernachläßigen, oder? Ansonsten könnte der Schriftzug hier in den Fall horizontal erscheinen oder gibt es da auch ein -ms-transform ?
Hmmmmmm.... aber Danke!
der misanthrop