WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Animation de texte en HTML et CSS
4979
creativewiz
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
16 November 2024
Comment créer une barre latérale de grille en CSS
25 November 2025
Fusion de bâtons
11 December 2024
Un code par staticcloud996
HTML
Copy
Text Animation
C
O
D
I
N
G
CSS
Copy
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Indie+Flower&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; } body { background: #111; display: flex; align-items: center; justify-content: center; height: 100vh; font-family: 'Fredoka One', impact; } h1 { font-size: 70px; color: rgb(200,200,210); height: 100px; } span { position: relative; top: 40px; animation: move 0.5s ease-in-out infinite alternate; animation-delay: calc(var(--i) * 0.15s); } @keyframes move { 100%{ top: -30px; text-shadow: 0 3px red, 0 6px grey, 0 9px gold, 0 11px green, 0 13px purple, 0 14px cyan, 0 15px orangered; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */