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
<?xml version="1.0"?> <svg width="205" height="70" viewPort="0 0 205 70" version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="dropshadow"> <feGaussianBlur in="SourceAlpha" result="blur-out" stdDeviation="2.5"/> <feOffset in="blur-out" dx="0" dy="0" result="offsetblur"/> <feFlood flood-color="#2BA4DB"/> <feComposite in2="offsetblur" operator="in"/> </filter> </defs> <path class="arrow" d=" M20 10 l100,0 q20 0 70 20 q10 5 0 10 q-50 20 -70,20 l-100,0 q-10 0 -10 -10 l0 -30 q0 -10 10 -10 z"/> <text class="text" x="70" y="35">Pokračovat</text> </svg>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.arrow{ fill:#2BA4DB; stroke:#2BA4DB; filter:url(#dropshadow); } .text{ text-anchor: middle; dominant-baseline: middle; fill:white; font-size:1.2em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>