Rotation einzelner Buchstaben in Wörtern (CSS-Sytles)

AnyKey

Moin!

Ich hätte mal ne Frage:

Und zwar gibt es einen CSS-Algorithmus, nachdem man nicht mehr ganze Wörter (oder Textpassagen) rotiert, sondern womit man in einem Wort bzw. einem Text bspw. jeden 2.Buchstaben 5 Grad nach links drehen lässt und jeden 4.Buchstaben 5 Grad nach rechts?

Ich wüsste zwar, wie ich das mit Hilfe von SPANs lösen könnte, allerdings würde das wahrscheinlich dazu führen, dass Suchmaschinen dies wahrscheinlich nicht mehr als ganzes, zusammenhängendes Wort identifizieren könnten sondern nur als zusammengesetzte Einzelbuchstaben.

Wüsste da jemand etwas? Und ist das überhaupt in dieser Form zu realisieren?

Danke schon mal im voraus!

MrMurphy

Hallo

Zitat

gibt es einen CSS-Algorithmus

Nein.

Zitat

Wüsste da jemand etwas?

SVG verwenden und als object-Element in die Webseite einbinden. Allerdings wirst du nicht darum herumkommen zunächst die Grundlagen von SVG zu lernen.

Das kann dann auch von Suchmaschinen ausgelesen werden, wobei nicht jedes Wort auch unbedingt von Suchmaschinen erkannt werden muss. Wobei ich davon ausgehe, dass die Darstellung nicht für die ganze Webseite gelten soll, sondern nur für bestimmte Wörter.

Gruss

MrMurphy

modem-kind

was Euch so alles einfällt..
also direkt fällt mir da nix ein..das das geht .. mit Attribut [attribut=value] Selektoren
kommst da ja auch nicht weiter..
also wen es Suchmaschinen relevant sein soll..

kannst das Wort ja vllt. noch ein zweites mal richtig ausschreiben aber Farblich verstecken
und in der Position + Größe
( ob Suchmaschinen das entdecken das man hier geschummelt hat.. mmm ?? glaub nicht - )
zb. <h1 style="font-size: 6px; color: #fff"; position: usw. usw. > mein_Wort </h1>
dann kannst ja mit den Span´s arbeiten -

oder Dein Wort als Bild bearbeiten und und platzieren..
evlt. das Bild-Wort dann in alt="mein_Wort" Attribut geben
und das obere zusätzlich noch.

oder die Buchstaben in ein Array packen -
und den die keys einzeln stylen .. und ausgeben..
was ne Suchmaschine dazu sagt ... vermutlich nix schweigen

darf man das ma sehn..
würd ich mir echt gern mal angucken.. bestimmt funny

Gruß aus Hamburg

das ist mal ne Frage wert.. werten Suchmaschinen
sowas aus irgendwie...
display:none oder visibility: hidden
bzw. css Einstellungen überhaupt..-

AnyKey

Ja besten Dank schon mal.

Klar, mancher mag sich fragen "wozu soll das gut sein?".

Aber es geht dabei ja auch um gestalterische Freiheit und so kann man bspw. Navigationen in einen etwas verspielteren Look bringen, solange man es schafft auch den Faktor Seriösität weiterhin beizubehalten.

Ich finds recht erfrischend, wenn Navigationspunkte nicht nur immer pfeilgrade dastehen, sondern die Buchstaben auch manchmal leicht zur Seite neigen.

modem-kind

Ja klar..ich finde es auch gut wenn man was
eigenes creatives Probiert
das Ergebnis ist ja der Spaß ..nach dem drögen Programmieren

ich spiele auch gern mit Keyframes , Gradients , Hovereffekten und Schriften

man kann ja wenn es doch zu viel geworden ist, alles schnell wieder zurück nehmen..
Viel Erfolg -

AnyKey

Ja. Diese Gradients mit Backgrounds verwende ich ja auch schon nahezu regelmäßig, weil das ganze Design dadurch wesentlich frischer und lebendiger wirkt und nicht so steril.

Ich hatte ja auch mal geschaut, ob man diese Gradiants nicht auch auch auf Text-Color anwenden könnte.

Was ich bis dato dazu gefunden hatte bezog sich auf auf den Text-Background und nicht auf den Text (also die Lettern) selbst.

Gibt es hier zu Text-Gradients schon einen Thread?

modem-kind

obs n Tread gibt weiß ich nicht.. aber Googel-mäuschen weiß ja einiges..

und es gibt ja noch so einige "neue" css filter..
damit kann man auch gutes machen..
das hab ich aber auch nooch nicht alles so viel verwendet..

Tags