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>Horní šikmá hrana v CSS</title> <div class="oriznout"> <h1> <span>Horní šikmá hrana v CSS</span> </h1> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h1 { background: #0D6AB7; color: #fff; padding: .5em 1em 1em; transform: skewY(2deg); display: block; margin-bottom: -.5em; } h1 span { display: block; transform: skewY(-2deg) } .oriznout { overflow: hidden; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>