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="ukazka"> <a href="#" class="bunka-1"></a> <a href="#" class="bunka-2"></a> <a href="#" class="bunka-3"></a> <a href="#" class="bunka-4"></a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.ukazka a { float: left; width: 50%; height: 0; padding-bottom: 50%; background: white url(http://special.8u.cz/vysledek.png) no-repeat; background-size: 200%; transition: .4s; } a.bunka-1 {background-position: left top} a.bunka-2 {background-position: right top} a.bunka-3 {background-position: left bottom} a.bunka-4 {background-position: right bottom} a.bunka-1:hover {background-position: right bottom} a.bunka-2:hover {background-position: left bottom} a.bunka-3:hover {background-position: right top} a.bunka-4:hover {background-position: left top}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>