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>Oříznutí obsahu maskou</title> <h1>Oříznutí obsahu maskou</h1> <p>Funguje pouze v prohlížečích používající jádro <b>Blink</b> (<b>Chrome</b>, <b>Opera</b>, <b>Safari</b>).</p> <p>Pozadí stránky je okolo obrázku vidět</p> <img src="http://jecas.cz/files/mask/obrazek.jpg" alt="Příklad obrázku" class="border">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
img { width: 400px; -webkit-mask-image: url(http://jecas.cz/files/mask/maska.png); -webkit-mask-size: 100%; mask-image: url(http://jecas.cz/files/mask/maska.png); mask-size: 100%; } body { background: #efefef; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>