WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Animation de texte
1016
ledoc
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
23 January 2025
Un code par creativearray554
22 July 2025
Icône de chargement CSS Spinner
9 July 2025
Iframe réactif avec navigation d'aperçu de l'appareil
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> body { padding: 0; margin: 0; background-color: #000; display: flex; align-items: center; justify-content: center; min-height: 100vh; } h1 { color: hsl(0, 0%, 28%); font-size: 50px; font-weight: bold; font-family: monospace; letter-spacing: 7px; cursor: pointer; } h1 span { transition: 0.5s ease-out; } h1:hover span:nth-child(1) { margin-right: 5px; } h1:hover span:nth-child(1):after { content: " ????️"; } h1:hover span:nth-child(2) { margin-left: 30px; } h1:hover span { color: #fff; text-shadow: 0 0 10px #c77116, 0 0 20px #fff, 0 0 40px #fff; } </style> </head> <body> <h1><span>Best </span><span>of Cinema</span></h1> </body> </html>
CSS
Copy
<!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
