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="row"> <div class="content"> obsah row </div> <div class="overlay"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.row { border: 1px solid gray; padding: 2rem; background: #f3f3f3; position: relative; } .overlay { background: rgba(0,0,0,.5); border: 1px solid green; display: none; } .row:hover .overlay { display: block; } .row:hover .content { position: absolute; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>