WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code par codex
1056
codex
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
21 September 2024
Ajouter un bouton pour ouvrir l'ajout de données de profil avec validation
24 March 2025
Un code par smartarray391
3 October 2025
Effet de morphing de forme du système de particules Three.js
HTML
Copy
L
o
a
d
i
n
g
CSS
Copy
html, body { height: 100%; } .content { background: #9C27B0; animation: hue 10s linear infinite; min-height: 100%; } .loader { position: absolute; text-align: center; width: 100%; height: 2em; top: 50%; margin-top: -1em; } .loader_letter { text-transform: uppercase; color: #fff; font-family: "Helvetica", sans-serif; font-weight: bold; padding: 0 .2em; font-size: 2em; line-height: 1; position: relative; display: inline-block; animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate; } .loader_letter:nth-child(1) { animation-delay: 0s; } .loader_letter:nth-child(2) { animation-delay: 0.05s; } .loader_letter:nth-child(3) { animation-delay: 0.1s; } .loader_letter:nth-child(4) { animation-delay: 0.15s; } .loader_letter:nth-child(5) { animation-delay: 0.2s; } .loader_letter:nth-child(6) { animation-delay: 0.25s; } .loader_letter:nth-child(7) { animation-delay: 0.3s; } @keyframes bounce { 0% { transform: translateY(0px); } 100% { transform: translateY(-1em); } } @keyframes hue { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */