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> <menu> <li><a href="#">položka 1</a> <li><a href="#">položka 2</a> <li><a href="#">položka 3</a> </menu> <p>Obsah stránky <p><br><p><br><p><br><p><br><p><br><p><br><p><br><p><br> <p><br><p><br><p><br><p><br><p><br><p><br><p><br><p><br> <p><br><p><br><p><br><p><br><p><br><p><br><p><br><p><br>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
menu, menu li { margin: 0; padding: 0; list-style: none; } menu { position: absolute; position: fixed; top: 2em; right: -18ex; width: 16ex; padding: 1em 2ex 1em 4ex; background: aqua; transition: 1s; } menu:hover { right: 0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>