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
<nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Server</a></li> <li><a href="#">Products</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav { margin-top: 0px; } nav ul { background-color:#fff; overflow:hidden; color:white; padding:0; margin:0; text-align:center; -webkit-transition:max-height 0.4s; -ms-transition:max-height 0.4s; -moz-transition:max-height 0.4s; -o-transition:max-height 0.4s; transition:max-height 0.4s; } nav ul li { display: inline-block; padding: 15px 10px 15px 10px; } nav ul a { color: black; border-radius: 4px; border-radius: 15px; font-family: 'Raleway', sans-serif; font-weight: 600; padding: 10px; } nav ul a:hover { color: #29B7D1; border: 1px solid #29B7D1; border-spacing: 10px; font-family: 'Raleway', sans-serif; font-weight: 700; margin: -1px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>