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="oneee"> <div class="prvy"></div> <div class="druhy"><span>Neco o mne.</span></div> <div class="treti"><span>Další text.</span></div> <div class="stvrty"><span>Reklama.</span></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.oneee { overflow: hidden; } .prvy { height: 130px; background: #044F80; } .druhy { height: 125px; background: #056E98; color: #fff; } .treti { height: 125px; background: #fff; color: #000; } .stvrty { height: 250px; background: #044B7F; color: #fff; } .prvy, .druhy, .treti, .stvrty { position: relative; width: 1000px; top: -50px; left: -30px; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } span { display: inline-block; padding: 20px 30px; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>