Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="loading-wrapper"> <div id="loading">TEXT</div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#loading-wrapper { width: 100%; height: 100%; background-color: #121e31; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } #loading { background-image: radial-gradient(red, green, blue); background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 10vw; animation: reveal 3s ease-in-out forwards 0.2s, glow 2.5s linear infinite 2s; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>