Huit animations — cinq en JS vanilla, trois en SCSS pur.
Un mot se dissout et se réassemble. opacity + translateY via style JS inline.
Le bouton attire la souris dans un rayon de 110px. Distance euclidienne + lerp sur translateX/Y.
Bougez la souris
Rotation 3D selon la position curseur. rotateX/Y depuis getBoundingClientRect + perspective CSS.
Chiffres animés au chargement. Easing ease-out cubic via requestAnimationFrame.
Apparition en cascade pure CSS. animation-delay: calc(var(--i) * 120ms) sur chaque enfant.
Décalage RGB sur ::before / ::after avec clip-path animé. Survol pour déclencher.
Texte tapé caractère par caractère. setTimeout récursif humanisé + curseur @keyframes blink.
Barres avec vague liquide. @keyframes sur border-radius et scaleX d'un pseudo-élément ::after.
Chaque micro-interaction peut être intégrée à votre site WordPress sur mesure. Discutons de ce qui correspond à votre image.