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
<h1>Různé pozadí podle odrolování na stránce</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <div class="gradient"> Gradient </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <div class="gradient"> Gradient </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <div class="gradient"> Gradient </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <div class="gradient"> Gradient </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, quis, voluptatum, quod alias vel autem ipsum tenetur hic doloribus eos similique debitis velit voluptates. Aliquam, veniam commodi tempora distinctio laudantium.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.gradient { background-attachment: fixed; background-image: linear-gradient(#0D6AB7, #DA3F94); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>