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>Přidání textury maskou</title> <h1>Přidání textury 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> <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; } img, h1 { -webkit-mask-image: url(http://jecas.cz/files/mask/textura.png); mask-image: url(http://jecas.cz/files/mask/textura.png); } h1 { color: #fff; padding: .5em 1em; background: #0D6AB7; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>