David DeSandro hat im Laufe der Jahre viele supercoole JavaScript-Bibliotheken erstellt. Seine neueste ist Zdog, eine „runde, flache, Designer-freundliche Pseudo-3D-Engine für Canvas & SVG.“ Es ist erst etwa einen Monat her, seit er sie veröffentlicht hat (obwohl, …
Bevor ich Webentwickler wurde, arbeitete ich in der visuellen Effekte-Industrie und erstellte preisgekrönte, hochwertige 3D-Effekte für Filme und TV-Serien wie Tron, The Thing, Resident Evil und Vikings. Um diese Effekte erstellen zu können, …
Nehmen wir an, wir wollten so etwas haben
Uhrzeigersinn kreisförmige (zyklische) Verteilung mit teilweise überlappenden Elementen.Auf den ersten Blick scheint dies nicht allzu kompliziert zu sein. Wir beginnen mit 12 nummerierten Elementen:…
Ich weiß, dass es da draußen eine Menge reiner CSS-Würfel-Tutorials gibt. Ich habe selbst schon ein paar gemacht. Aber für Mitte 2017, wenn CSS Custom Properties in allen wichtigen Desktop-Browsern unterstützt werden, fühlen sie sich alle ... veraltet und sehr WET an. …
Die Eröffnung von Star Wars ist ikonisch. Der Effekt von Text, der sowohl nach oben als auch vom Bildschirm weg scrollt, war 1977 ein verrückt coole Spezialeffekt für einen Film und ein cooler typografischer Stil, der markenprägend war …
Virtuelle Realität ist wieder ein Thema! Alle üblichen Verdächtigen sind beteiligt: HTC, Microsoft, Samsung und Facebook, unter anderem, vertreiben ihre jeweiligen Geräte. Diese vorhersehbaren Akteure sollten aber nicht den ganzen Spaß haben!
Sie erstellen Websites. …
Wie manche Leute vielleicht wissen, habe ich schon immer 3D-Geometrie geliebt. Das hat mich dazu gebracht, mich mit CSS 3D-Transformationen zu beschäftigen, um verschiedene geometrische Formen zu erstellen. Ich habe eine riesige Sammlung solcher Demos aufgebaut, die Sie hier überprüfen können …
Ich habe schon immer 3D-Geometrie geliebt. Ich begann, mit CSS 3D-Transformationen zu spielen, sobald ich bemerkte, dass die Unterstützung in CSS anständig wurde. Aber während es sich natürlich anfühlte, Transformationen zu verwenden, um 2D-Formen zu erstellen und sie im 3D-Raum zu bewegen/drehen...
Paul Lewis hat eine 3D-Karten-Flip animiert. Das ist eigentlich recht einfach, aber hier war auch ein Schattenelement nötig.
…Der Schatten muss sich möglicherweise bewegen oder verblassen, daher benötigen wir eine Lösung, die wir mit Transformationen und Opazität animieren können.
