Drücke die Tasten ◄ ► für weitere Artikel  

CSS3 Isometric Text Demo: 3D-Effekte mit 2D Transforms und Text-Schatten

Duncan Midwinter ist ein Bastler. In seinem Web Design & Development Blog beschäftigt er sich regelmäßig tiefergehend mit Themen aus den Bereichen CSS, HTML, Javascript und PHP. Dabei ist Duncan einer von der Sorte, die die Grenzen vorhandener Technologien ausloten, am besten weiten wollen. Jetzt hat er sich mit einer Möglichkeit beschäftigt, unter Verwendung von CSS3 3D-Texteffekte zu erschaffen.

CSS3 Isometric Text Demo: 3D-Effekte mit 2D Transforms und Text-Schatten

CSS3 Isometric Text Demo: CSS3 mit ein wenig Javascript, nur für moderne Browser

Im Grunde ist es mehr die Idee, die diese Demo eines 3D-Texteffektes unter Verwendung von so interessant macht. Die Dreidimensionalität des Textes wird im Wesentlichen nur durch eine Vielzahl von Schatten erzeugt. Kombiniert wird das Ganze mit einem 2D Transform, der den Text in 26,6 Grad Schräglage bringt. Duncan erklärt die Details.

CSS3 Isometric Text Demo: Keine Grafik, nur Text, CSS3 und ein bisschen Javascript

 

Weiterführende Links:

15 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
4 Antworten
  1. von CSS3 Isometric Text Demo: 3D-Effekte mit… am 04.07.2011 (16:39Uhr)

    [...] Weiterlesen bei t3n >> [...]

  2. von Christian Schröter via facebook am 04.07.2011 (17:21Uhr)

    Naja … im besagten Artikel ist das ganze aber lediglich ein Bild …

  3. von Arthur Schiwon via facebook am 04.07.2011 (17:30Uhr)

    dann schau dir die Demo an

  4. von fimbim am 04.07.2011 (18:09Uhr)

    und nur den +1 Button… geiler Macker ;)

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema JavaScript
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]

Du willst in die Webentwicklung einsteigen und HTML5, CSS3 und JavaScript lernen? Das etwas andere Fachbuch „Schrödinger lernt HTML5, CSS3 und JavaScript“ vermittelt mit Witz die Theorie und... » weiterlesen

HTMLy: Der Einsteiger-Guide für das schlanke Blog-System ohne Datenbank
HTMLy: Der Einsteiger-Guide für das schlanke Blog-System ohne Datenbank

HTMLy ist eine junge Blog-Software, die keine Datenbank braucht, sondern nur mit Dateien arbeitet. Was das schlanke Blog-System kann, wie ihr es einrichtet und welche HTMLy-Theme-Funktionen es gibt,.. ... » weiterlesen

WordPress auf dem Seziertisch: Welche Funktionen du kennen musst, um ein eigenes WordPress-Theme zu erstellen
WordPress auf dem Seziertisch: Welche Funktionen du kennen musst, um ein eigenes WordPress-Theme zu erstellen

Für WordPress – das beliebteste CMS weltweit – gibt es tausende Themes. Wenn ihr aber etwas Individuelles haben und selbst ein WordPress-Theme erstellen wollt, müsst ihr euch mit den... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen