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> <h2 class="gradient"> Gradient </h2> <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> <h2 class="gradient"> Gradient </h2> <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> <h2 class="gradient"> Gradient </h2> <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> <h2 class="gradient"> Gradient </h2> <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(transparent 80%, #8ECCF0 80%); border-bottom: 4px solid #8ECCF0; padding: .25em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>