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
<a class=menici href="#"> <img src="http://teststranek.kvalitne.cz/images/obrazek-1bw.jpg" width="320" height="240" alt="čb kaple"> <img src="http://teststranek.kvalitne.cz/images/obrazek-1.jpg" width="320" height="240" alt="cool kaple"> </a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.menici { display: block; width: 320px; height: 240px; overflow: hidden; } .menici:hover img:first-child { height: 0; } .menici img:first-child+img { height: 0; /* efeft */ } .menici:hover img:first-child+img { height: 100%; /* efeft */ } .menici img { border: none; display: block; transition: 1.2s; /* efeft */ .menici:hover img:first-child+img { height: 100%; /* efeft */ } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>