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
<p>Vyjíždějící menu </p> <div class="outer1"> <div class="cl1" id="pao" style="background-Color:silver"> Pokusný<br> vyjíždějící<br> TEXTík </div> <div class="hoverhere">Hover Here</div><br></div> <button onclick="document.getElementById('pao').style.width='500px';document.getElementById('pao').style.transition='3.4s';">Vysuň text </button> <button onclick="document.getElementById('pao').className ='cl1';document.getElementById('pao').style.width='0';">Zasuň text</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.hoverhere {color:red} .cl1 { width:0px; overflow:hidden; transition: 1.5s;} .outer1:hover .cl1 { width : 200px}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>