Showroom Apparitions de Blocs
Une démonstration visuelle des différents types d'animations d'entrée des contenus lors de l'arrivée sur une page ou au scroll. Survolez n'importe quel bloc pour relancer son animation !
1. Apparitions Glissantes & Fondues (Fade & Slide)
Mouvements fluides directionnels classiques pour introduire des sections de page.
Élévation Vers le Haut (Fade In Up)
Le bloc s'élève de 40px tout en augmentant progressivement son opacité. Idéal pour les cartes et textes.
Zoom & Grossissement (Scale In)
Le bloc apparaît depuis une taille réduite avec un effet de loupe dynamique très moderne.
2. Rotations 3D, Relief & Rebond (3D Flip & Bounce)
Effets de profondeur en relief 3D et rebond physique pour capter l'attention.
Basculement 3D (Flip 3D)
Le bloc bascule sur l'axe horizontal avec une rotation 3D réaliste et ombre portée.
Perspective Y (Perspective Rotate)
Rotation 3D autour de l'axe vertical comme une porte ou une carte de jeu qui pivote.
Rebond Élastique (Elastic Pop)
Apparition avec effet de ressort élastique qui dépasse légèrement sa taille finale.
Inclinaison & Flottaison (Tilt Float)
Inclinaison progressive avec effet d'apesanteur et ajustement doux de l'ombre.
3. Cascades Séquentielles & Retrait de Flou (Staggered Wave)
Apparitions en chaîne décalées dans le temps pour un effet de vague naturelle.
Effet Vague Séquentielle (Décalage de 250ms entre chaque bloc)
Bloc Initial
S'affiche en premier sans aucun délai.
Bloc Secondaire
S'affiche 250 millisecondes plus tard.
Bloc Final
Conclut la vague 500 millisecondes plus tard.
Retrait du Flou (Blur Unveil)
Le bloc démarre avec un flou de 15px qui s'estompe progressivement pour une netteté cristalline.
Balayage Rideau (Curtain Wipe)
Dévoilement par masque géométrique latéral pour un effet d'inauguration élégant.