Front
Back
Right
Left
Top
Bottom

Rotating Cube

Cube 3D interactif qui suit le mouvement de la souris.

CSS 3D Interactive
Hover Me
Flipped!

Card Flip 3D

Retournement complet de carte avec effet 3D realiste.

CSS 3D Hover
Move Mouse

Perspective Tilt

Element qui s'incline en 3D selon la position du curseur.

JS 3D Mouse

3D Carousel

Carrousel circulaire avec rotation 3D continue.

CSS 3D Animation
Secret!
Hover to Unfold
Panel

Folding Panel

Panneau qui se deplie comme du papier au survol.

CSS 3D Fold

3D Button Press

Bouton avec effet de pression 3D realiste.

CSS 3D Button
3D

Layered Parallax 3D

Couches multiples avec effet de profondeur 3D.

JS 3D Parallax
3D TEXT

Rotating Text

Texte avec rotation 3D animee en continu.

CSS 3D Text

3D Menu Stack

Menu empile avec effet de profondeur au survol.

CSS 3D Menu

Isometric Grid

Grille isometrique avec cubes 3D interactifs.

CSS 3D Isometric
1
2
3
4
5
6

Cube Auto-Rotation

Cube 3D avec rotation automatique continue.

CSS 3D Auto
Layer 1
Layer 2
Layer 3
Front

Parallax Depth Layers

Couches empilees avec effet de profondeur 3D.

CSS 3D Depth
Hover
Me

Fold Effect Card

Carte qui se plie vers l'interieur au survol.

CSS 3D Fold
Secret!
Open Me

Door Open Effect

Porte 3D qui s'ouvre pour reveler le contenu.

CSS 3D Door
Page 1
Page 2
Page 3

Page Turn Effect

Effet de pages qui se tournent au survol.

CSS 3D Book
A
B
C
D
E
F

Prism Rotation

Prisme hexagonal avec rotation automatique.

CSS 3D Prism
1
2
3

Floating Elements 3D

Elements flottants avec rotation 3D animee.

CSS 3D Float

3D Button Press V2

Bouton 3D avec effet de pression perspective.

CSS 3D Button

Carousel 3D V2

Carrousel circulaire avec 5 elements en rotation.

CSS 3D Carousel
Hover Me

Shadow Perspective

Carte avec ombre 3D realiste qui reagit au survol.

CSS 3D Shadow

Mouse Parallax Scene

Scene multi-couches (etoiles, lune, montagnes, arbres) reagissant au curseur a des vitesses differentes.

JS Mouse Parallax

Depth Card

Hover to explore

Depth Card

Carte avec elements superposes (fond, texte, icone) se separant en 3D au survol avec translate3d.

CSS 3D Hover
Nav
Button
Tag

Floating Elements

Elements UI flottant et oscillant comme en apesanteur avec des durees d'animation differentes.

CSS Animation Float
Layer 1
Layer 2
Layer 3
Layer 4

Perspective Scroll

Contenu a differentes profondeurs Z creant un effet de vol spatial avec CSS perspective et translateZ.

CSS Perspective 3D

Layered Paper

Pile de feuilles de papier avec ombres realistes et legere rotation, qui se deploient au survol.

CSS Hover Shadow

Isometric Grid

Grille isometrique interactive ou les blocs se levent et s'abaissent selon la proximite du curseur.

JS Mouse Isometric
Arriere-plan
Focus
Premier plan

Depth of Field

Avant/arriere-plan avec flou qui change de focus au survol, simulant la profondeur de champ.

CSS Blur Hover
Floor
Wall
Side

3D Room

Contenu place sur le sol et les murs d'une piece CSS perspective qui tourne au glissement.

JS 3D Drag

Floating Shadows

Elements avec ombres se deplacant independamment comme si une source lumineuse dynamique bougeait.

JS Mouse Shadow

Parallax Tilt Gallery

Galerie d'images ou chaque element s'incline independamment selon la distance du curseur.

JS Mouse Tilt

Orbit Circle

Éléments orbitant autour d'un point central avec offset-path: circle(). Vitesses et directions variées.

CSS offset-path Orbit

SVG Path Follow

Point lumineux suivant une courbe SVG avec traînée fantôme en écho décalé dans le temps.

CSS SVG Trail

Bezier Curve

Balle suivant une courbe de Bézier cubique avec points de contrôle visibles et ombre au sol.

CSS Bezier Animation

Infinity Loop

Point suivant un chemin en forme de lemniscate (∞) avec halo lumineux en traînée.

CSS Path Infinity

Spiral Path

Point parcourant une spirale qui s'élargit vers l'extérieur via un chemin SVG complexe.

CSS Spiral SVG

Bounce Path

Balle suivant une trajectoire de rebond avec des arcs qui diminuent progressivement.

CSS Bounce Physics

Wave Path

Trois points de tailles et couleurs différentes suivant une sinusoïde avec décalages temporels.

CSS Wave Stagger

Multi Orbit

Système solaire miniature avec 5 planètes sur 3 orbites à des vitesses et distances variées.

CSS Orbit System

Path Drawing

Chemin SVG qui se dessine avec stroke-dashoffset pendant qu'un point suit la même trajectoire.

CSS SVG Draw

Rollercoaster

Wagon suivant un parcours de montagnes russes avec offset-rotate: auto pour l'orientation naturelle.

CSS offset-rotate Path

AR/VR & WebXR

📊Stats
Settings
👤Profile

Spatial UI Panels

Panneaux UI flottants disposes en arc dans un espace 3D avec effet de parallaxe.

CSS 3D Perspective UI

360 Viewer

Panorama interactif avec drag-to-rotate pour une vue immersive a 360 degres.

JS Drag Panorama

VR Card Gallery

Cartes disposees en cercle dans un espace 3D rotatif avec perspective immersive.

CSS 3D Carrousel VR

AR Object Placer

Simulation de placement d'objet 3D sur une surface avec grille de detection.

CSS AR Placement

Holographic Display

Affichage holographique avec scanline, reflets prismatiques et pulsation lumineuse.

CSS Hologramme Animation
🎵

Spatial Audio Dir

Indicateur directionnel audio 3D avec ondes concentriques et source sonore mobile.

CSS Audio Spatial

Portal Effect

Portail vers une autre dimension avec rotation, particules et pulsation lumineuse.

CSS JS Portal
Select
Grab
Point

Hand Tracking UI

Interface reactive aux gestes simulee avec un curseur personnalise suivant la souris.

JS Gestes UI
🌎
💎

Immersive Depth Scroll

Layers en profondeur Z qui reagissent au mouvement de souris pour un effet de parallaxe immersif.

CSS 3D Parallaxe Depth

XR Environment

Scene immersive complete avec skybox etoile, objets 3D flottants et sol en grille perspective.

CSS JS Environnement

Categories similaires