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
<audio preload id="s-1"> <source src="http://soundbible.com/grab.php?id=1950&type=mp3" type="audio/mp3"> </audio> <div id="box" onmouseover="document.getElementById('s-1').play()"> <a href="#"><img src="http://www.ireceptar.cz/res/data/241/028834.jpg" class="anim" width=200 height=200"></a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#box { position: fixed; top: 15%; left: 8%; width: 200px; line-height: 0px; text-align: center; background-color: transparent; overflow: visible; } @keyframes answer-1 { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } #box { -webkit-animation: answer-1 350s linear infinite reverse; -moz-animation: answer-1 350s linear infinite reverse; -o-transition: answer-1 350s linear infinite reverse; -ms-transition: answer-1 350s linear infinite reverse; animation: answer-1 350s linear infinite reverse; } .anim { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .anim:hover { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
CSS
Autoformát
CSS reset
Až na konci
http://soundbible.com/grab.php?id=1096&type=mp3
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>