Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="block"><span>TEXT V BLOKU</span></div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.block { width: 200px; height: 200px; border: 15px solid #4f8; border-radius: 50%; white-space: nowrap; text-align: center; line-height: 190px; transition: .3s; } .block:hover { width: 0; height: 0; border-width: 115px; } .block span { transition: .3s; } .block:hover span { display: block; margin: -100px; transition: .3s; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>