Animations

Images eparpillees autour d'un titre. Tout tilt en 3D au passage du curseur sur la section.

Un trait SVG se dessine progressivement quand la section entre dans le viewport.

Lignes SVG avec dash animees qui coulent vers un hub central. Style architecture technique.

Cercles colores qui voyagent le long de paths SVG. Variante dynamique des flow-lines.

Fleche qui parcourt une courbe S smooth entre des etapes. Rotation automatique.

Bordure conic-gradient rotative revelee au hover. Effet premium sur les cards.

Arcs concentriques SVG qui tournent en fonction du scroll. Style dashboard/monitoring.

Defilement horizontal infini de logos ou items. Boucle sans gap.

Chaque caractere apparait avec une rotation Y. Effet machine a ecrire premium.

Tabs avec courbes concaves qui fusionnent visuellement avec le contenu. Technique mastra.ai.

Cards avec yeux qui suivent le curseur + tilt 3D interactif. Effet immersif type hero section.

Bento grid 2D avec cartes connectees par bridges, courbes concaves clipPath aux jonctions, et border-radius selectif.

Carousel horizontal avec differents effets hover par card : fan spread, stack shift, 3D fade, colorize, camera pan.

Graphe en escalier interactif — le curseur revele progressivement les lignes colorees via clipPath.

Couverture de livre qui tilt en 3D au mousemove avec une ombre dynamique qui suit le curseur.

Effet de lumiere radiale qui suit le curseur sur la card. Halo spotlight au hover.

Chaque lettre reagit au curseur avec un changement de font-weight et un decalage magnetique.

Le texte se surligne progressivement au scroll — chaque mot passe de grise a blanc.

Un indicateur (underline ou pill) glisse fluidement vers le tab actif avec transition CSS.

Particules flottantes animees en pur CSS. Pas de canvas ni lib externe.

La couleur de fond change dynamiquement quand chaque section entre dans le viewport.

Un fond lumineux (pill) glisse vers le tab actif avec un effet spotlight/glow.

Grille de points dont certains brillent aleatoirement avec une animation pulse.

Globe 3D interactif avec markers et rotation auto. Canvas-based, drag-to-rotate.

Accordion anime avec expand/collapse smooth via grid-template-rows transition.

Le texte apparait mot par mot au scroll avec un mask/clip progressif.

Le texte se debrouille — les caracteres se scramblent puis se fixent, ou glissent depuis le bas.

Contenu sticky a gauche pendant que les cards a droite deroulent. Product tour style.

Chaque element apparait avec un fade + slide au scroll. Wrapper utilitaire reutilisable.

Tabs empiles verticalement avec un indicateur lateral anime.

Bouton avec un halo lumineux qui suit le curseur sur hover. Effet premium.

Grille SVG repeatable avec effet de profondeur. Certaines cellules highlights.

Grille de points SVG avec fade radial optionnel. Background subtil.

Effet aurore boreale avec gradients multicouches animes lentement. Background premium.

Pluie de meteores animes avec queue lumineuse. Ideal pour les hero backgrounds.

Mots qui se retournent et cyclent avec animation slide. Ideal pour les headlines dynamiques.

Texte qui se tape caractere par caractere avec curseur clignotant. Efface et retape en boucle.

Compteurs animes qui grimpent de 0 a la valeur cible avec easing. Declenches au scroll.

Faisceau lumineux qui parcourt la bordure d'une card en boucle. Conic-gradient anime.

Card qui oscille subtilement au mousemove avec translation, scale et texture noise.

Texte qui morphe entre differents mots avec cross-fade blur. Transition fluide.

Explosion de confettis au clic. Particules avec physique (gravite, velocite, rotation).

Blob gradiante flou qui suit le curseur avec interpolation. Effet background interactif.

Lettres qui reagissent a la proximite du curseur : poids, taille et attraction magnetique.

Texte qui se revele en deblurrant caractere par caractere. Effet cinematique.

Caracteres disperses qui s'assemblent a leur position correcte. Entree dynamique.

Texte avec reflet brillant qui balaye en continu. Background-clip text + gradient anime.

Effet glitch digital avec offset RGB et decoupage clip-path. Style cyberpunk.