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 id="box"> <img src="http://www.ireceptar.cz/res/data/241/028834.jpg" class="animation" width=310 height=209"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#box { position: fixed; top: 30%; left: 4%; width: 310px; line-height: 0px; text-align: center; background-color: transparent; overflow: visible; } .animation { -webkit-transition: all 200s ease-in-out; -moz-transition: all 200s ease-in-out; -o-transition: all 200s ease-in-out; -ms-transition: all 200s ease-in-out; transition: all 200s ease-in-out; } .animation:hover { -webkit-transform: rotate(36000deg); -moz-transform: rotate(36000deg); -o-transform: rotate(36000deg); -ms-transform: rotate(36000deg); transform: rotate(36000deg); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>