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> Nadpis s obrázkovým pozadím díky <code>background-clip: text</code> </h1>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
h1 { font-family: segoe ui, sans-serif; font-size: 200%; background: url(http://jecas.cz//files/obrazkove-pozadi/centrovani.jpg) -10% 68%; background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -ms-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; text-fill-color: transparent; transition: .5s; } h1:hover { background-size: 200%; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>