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
<div class="obal"> <div></div><div></div><div></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal div { width: 100px; height: 100px; margin: 5px ; background: red; transition: background .4s; } .obal div:hover { width: 120px; height: 120px; position: relative; margin: -10px; background: green; } .obal div:first-child:hover { /* Pri nájdení myši na prvý div bude mať horný vonkajší okraj hodnotu iba -5px. */ margin-top: -5px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>