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="body"> <div class="a pos1"> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> </div> <div class="a pos2"> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> </div> <div class="a pos3"> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> </div> <div class="background"></div> <div class="b"> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> text a spousta dalsiho textu <br> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.body { font-weight: bold; line-height: 3em; font-size: 1.3em; position: relative; } .a { position: absolute; } .pos1 { left: 1px; } .pos2 { top: 2px; } .pos3 { left: 2px; top: 1px; } .b { position: relative; } .a, .b{ opacity: 0.3; } .background { position: fixed; background-color:white; width: 100%; height: 80%; bottom:0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>