Hallo ihr lieben,
Ich bin gerade über eine Website gestolpert, die ich ganz schön für meinen content finde. Als newbe weiß ich nicht genau wo ich bei der Kopie eines solchen Designs Anfang soll.
Weiß jemand ob diese Anordnung einen bestimmten Namen hat und oder ob das gut mit einem theme/Plugin zu reproduzieren ist. Ein Schubs Reicht brauche keinen ausgetüftelten Plan :-)
Website ist truworks.co
Liebe Grüße
Benj
Suche Design wie...
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Ich hätte da so meine Ideen, wie ich das angehen würde. Da du dich aber gerade eben erst hier angemeldet hast und so unverhohlen von "Kopie" und "reproduzieren" sprichst, möchte ich dich schonmal nicht dabei unterstützen. :p
-
... möchte ich dich schonmal nicht dabei unterstützen. :p
Keine Chance dich umzustimmen ? :-P bin nu ja auch schon ein paar Tage dabei :-D
-
Weiß jemand ob diese Anordnung einen bestimmten Namen hatVermutlich hat die Animation einen Namen.
Verwendet wird HTML5 vom feinsten und mein bevorzugtes JS Framework für 3D im Web.
und oder ob das gut mit einem theme/Plugin zu reproduzieren ist.nöp - kannst du vergessen. WordPress kann kein wirkliches HTML5 und trennt nicht sauber zwischen Content / Theme und Logik.
Ein Schubs Reicht brauche keinen ausgetüftelten Plan :)Die Seite verwendet mein bevorzugtes Framework mit ein paar Erweiterungen... damit 3D für arme rauskommt? Keine Ahnung wie ich den Schrott sonst bezeichnen könnte 2D Müll mit Animation?
Mit css3D kannst du zum Beispiel soetwas machen
https://threejs.org/examples/#css3d_periodictableHier die Beschreibung von dem CSS3DRenderer
CSS3DRenderer
Mit dem CSS3DRenderer lassen sich hierarchische 3D-Transformationen über die CSS3-Transform-Eigenschaft auf DOM-Elemente anwenden. Dieser Renderer ist besonders interessant, wenn Sie 3D-Effekte auf eine Website ohne Canvas-basiertes Rendering anwenden möchten. Er kann auch verwendet werden, um DOM-Elemente mit WebGL-Inhalten zu kombinieren.
Der CSS3DRenderer ist also nur auf gewöhnliche DOM-Elemente ausgerichtet. Diese Elemente werden in spezielle Objekte (CSS3DObject oder CSS3DSprite) gewickelt und dann dem Szenegraphen hinzugefügt.
die three.scene/ der Orbit in 3D wird durch tween.js erweitert.
Mit WordPress wird dies nichts...
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!