t3n News Entwicklung

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

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 , , und . 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 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 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.

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

 

Weiterführende Links:

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von fimbim am 04.07.2011 (18:09 Uhr)

    und nur den +1 Button… geiler Macker ;)

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema CSS3
PHP-, TYPO3-, HTML-Entwickler, UX/UI Designer oder Mediengestalter: 37 freie Stellen im Bereich Entwicklung und Design
PHP-, TYPO3-, HTML-Entwickler, UX/UI Designer oder Mediengestalter: 37 freie Stellen im Bereich Entwicklung und Design

Zweimal pro Woche verweisen wir hier auf aktuelle und interessante Jobangebote aus unserer Stellenbörse „t3n Jobs“. Heute können wir euch 37 Angebote aus den Bereichen „Entwicklung“ und … » weiterlesen

5 praktische CSS-Libs: Wenn JavaScript pause machen darf
5 praktische CSS-Libs: Wenn JavaScript pause machen darf

CSS ist ein sehr mächtiges Werkzeug geworden und verdrängt in vielen Bereichen JavaScript immer weiter. Wofür wir früher jQuery benutzen mussten, kann heute schon mit reinem CSS gelöst … » weiterlesen

HTML-Formulare sind langweilig? Mit diesen 5 grandiosen Javascript-Libs bringen wir Schwung in eure Webseite
HTML-Formulare sind langweilig? Mit diesen 5 grandiosen Javascript-Libs bringen wir Schwung in eure Webseite

Ohne HTML-Formulare würden die meisten Webseiten nicht funktionieren. Egal ob wir eine Bestellung aufgeben, mit jemanden in Kontakt treten oder uns einloggen wollen - ohne HTML-Formulare geht es … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?