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

von dpetereit
04.07.2011

5 2 8 ◄ Blättern ►

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: 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 CSS3 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.

Weiterführende Links:

CSS3: Neue Möglichkeiten mit Hintergrundgrafiken - t3n News
Adobe Edge: Neues Web-Animation-Tool für HTML5, nicht für Flash - t3n News
LayerStyles: Photoshop für grafisch orientiertes CSS3-Design - t3n News
Alle News auf den t3n Themenseiten zu:

html5, html, css, php, Webentwicklung

Weitere Artikel zu JavaScript, PHP, HTML, CSS, Design und Blog

Empfehlen

5 2 8

bewerten

Bewertung: 0.0/5 (0 Bewertungen)

4 Antworten

von CSS3 Isometric Text Demo: 3D-Effekte mit… 04.07.2011 (16:39Uhr) 1.

[...] Weiterlesen bei t3n >> [...]
von Christian Schröter via facebook 04.07.2011 (17:21Uhr) 2.

Naja … im besagten Artikel ist das ganze aber lediglich ein Bild …
von Arthur Schiwon via facebook 04.07.2011 (17:30Uhr) 3.

dann schau dir die Demo an
von fimbim 04.07.2011 (18:09Uhr) 4.

und nur den +1 Button… geiler Macker ;)

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

Bitte melde dich an!