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="prvni">První div<br>Najeďte na tento DIV a "Druhý div" se prolnutím (9. řádek v CSS) zabarví červeně.</div> <div class="druhy">Druhý div</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.prvni, .druhy { border: 1px solid black; padding: 20px; margin: 20px; } .druhy { display: none; } .prvni:hover + .druhy { background: red; transition: 0.8s; display: block; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>