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
<title>Logo pro DIV.cz</title> <div id="logo"> <div id="logo-v"></div> <div id="logo-d"></div> <div id="logo-i"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { font-size: 15vh; } #logo * { -moz-box-sizing: border-box; box-sizing: border-box; } #logo { overflow: hidden; width: 3.25em; } #logo-d { width: 2.75em; height: 2em; border: 0.25em solid #000; border-radius: 0 0.5em 0.5em 0; float: left; } #logo-i { float: left; margin-left: 0.25em; height: 2em; width: 0.25em; border: 0.25em solid #000; border-width: 0.25em 0 1.5em 0; } #logo-v { border: 0.25em; border: 0.25em solid #000; border-width: 0 0 0.25em 0.25em; transform: translateY(-0.25em) rotate(-45deg); width: 1em; height: 1em; margin: auto; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>