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
<a href="#"> <span class="pozadi"></span> <span class="text">Text odkazu</span> </a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body { background: #def url(data:image/gif;base64,R0lGODlhBQAFAIAAAP///3BwzyH5BAAAAAAALAAAAAAFAAUAAAIHhBGHmhcPCwA7); font-family: Tahoma, sans-serif; font-size: 1.4em; } a { text-decoration: none; display: block; height: 2em; line-height: 2em; width: 8em; position: relative; font-weight: bold; color: black; } span { display: block; height: 2em; width: 100%; position: absolute; top: 0; left: 0; } span.text { display: block; text-align: center; } span.pozadi { background: red; filter: alpha(opacity=20); opacity: 0.2; -webkit-transition: opacity 1.2s; -moz-transition: opacity 1.2s; -o-transition: opacity 1.2s; transition: opacity 1.2s; } a:hover .pozadi { filter: none; opacity: 1.0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>