Schrift spiegelverkehrt darstellen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
bekommen
browser
buchstabe
code
formular
glauben
gleiche schrift
hand
http
interessieren
internet
opus
posten
schrift
suppe
text
transformation
url
vermeiden
-
Hi Leute,
ich wollte ein Logo in CSS designen, welches einen spiegelverkehrten Buchstaben enthält.
Als erstes habe ich an eine 3D-Transformation gedacht, allerdings ist das ja noch nicht bei allen Browsern möglich. (Internet Explorer und Opera versalzen da die Suppe)
Welche Alternativen gibt es? Mir wäre spontan noch eine Schrift eingefallen, nur müsste das die gleiche Schrift sein, die ich auch sonst benutze, gespiegelt halt. Eine Grafik will ich vermeiden, jedoch wäre es eine Fallback-Alternative für die beiden anderen Browser. Geht das vielleicht sogar mit einer 2D-Transformation? (Glaube nicht, aber vllt habe ich ja was übersehen ;) )
Grüße,
tchab -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das geht so
function spigeln() { var ein = document.formular.text.value; n=ein.length; var aus=""; for (var i=1; i<=n; i++) aus=aus+ein.charAt(n-i); document.formular.spiegeltext.value=aus; }
-
hpage schrieb:
Nee, so gehts eben nicht.
Das geht so
function spigeln() { var ein = document.formular.text.value; n=ein.length; var aus=""; for (var i=1; i<=n; i++) aus=aus+ein.charAt(n-i); document.formular.spiegeltext.value=aus; }
Denn erstens spiegelt da nüx, sondern gibt Text nur rückwärts aus.
Zweitens ist das Javascript, und keine CSS-Lösung.
tchab schrieb:
Beispiel
ich wollte ein Logo in CSS designen, welches einen spiegelverkehrten Buchstaben enthält.
tchab schrieb:
^^ Würde mich interessieren. ;)
Habe im Jabber schon eine Lösung bekommen, leider habe ich den Link nicht zur Hand, werde ihn später posten. -
menschle schrieb:
tchab schrieb:
Beispiel
ich wollte ein Logo in CSS designen, welches einen spiegelverkehrten Buchstaben enthält.
tchab schrieb:
^^ Würde mich interessieren. ;)
Habe im Jabber schon eine Lösung bekommen, leider habe ich den Link nicht zur Hand, werde ihn später posten.
Hm, da muss ich aber Javascript aktivieren. :p
Hier mal der Link zur CSS-Lösung: Link -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage