WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un codice per codice
1292
codex
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
13 June 2025
Un codice di parajulisanket2
29 June 2025
Frammento di codice del menu a discesa HTML
28 May 2025
Un codice di Metehan
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) */