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=krajina> <div class=nebe> <img class=svetlo1 src="http://media.gtanet.com/gta-5/layout/images/searchlight.png"> <img class=svetlo2 src="http://media.gtanet.com/gta-5/layout/images/searchlight.png"> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.krajina { background: green; height: 250px; } .nebe { background: navy; height: 220px; position: relative; } .nebe .svetlo1 { position: absolute; bottom: -250px; left: 180px; transform: rotate(-60deg); transition: 5s; } .nebe .svetlo2 { position: absolute; bottom: -250px; left: 210px; transform: rotate(60deg); transition: 5s; } .nebe:hover .svetlo1 { transform: rotate(40deg) } .nebe:hover .svetlo2 { transform: rotate(-40deg) }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>