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
<h2>Způsob 1</h2> <span class="a"></span> <span class="b"></span> <span class="c"></span> <span class="zavinac"></span> <span class="s"></span> <span class="i"></span> <span class="t"></span> <span class="e"></span> <span class="tecka"></span> <span class="t"></span> <span class="l"></span> <span class="d"></span> <h2>Způsob 2</h2> <span class="mail" data-char="a"></span> <span class="mail" data-char="b"></span> <span class="mail" data-char="c"></span> <span class="mail" data-char="@"></span> <span class="mail" data-char="s"></span> <span class="mail" data-char="i"></span> <span class="mail" data-char="t"></span> <span class="mail" data-char="e"></span> <span class="mail" data-char="."></span> <span class="mail" data-char="t"></span> <span class="mail" data-char="l"></span> <span class="mail" data-char="d"></span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
span{ margin-right: -4px; } /* Způsob 1 */ .zavinac:before{ content: "@"; } .tecka:before{ content: "."; } .a:before{ content: "a"; } .b:before{ content: "b"; } .c:before{ content: "c"; } .d:before{ content: "d"; } .e:before{ content: "e"; } .i:before{ content: "i"; } .l:before{ content: "l"; } .s:before{ content: "s"; } .t:before{ content: "t"; } /* Způsob 2 */ .mail:before{ content: attr(data-char); }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>