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="circle"> <div class="ctverecek"></div> <div class="circle2"></div> </div> <div> <br><br> </div> <div class="circle3"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.circle { background: red; width: 80px; height: 80px; border-radius: 50%; } .ctverecek { width: 80px; height: 80px; background: white; position: absolute; top: 40px; left: 40px; z-index: 2; } .circle2 { background: blue; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 20px; left: 20px; z-index: 5; } .circle3 { background: red; width: 80px; height: 80px; border-radius: 50%; border-color: black black white black; border-width: 10px; border-style: solid; -webkit-transform: rotate(-45deg); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>