text-shadow

dabblet.css

/* text-shadow  */
html {
font-size:40px;
background:#333
}
.sharp {
text-shadow:
2px 0 0 red,-2px 0 0 red,
0 2px 0 red,0 -2px 0 red,
2px 2px 0 red,-2px -2px 0 red,
2px -2px 0 red,-2px 2px 0 red  
 ;
}
.blur {text-shadow:
0 0 3px red ,0 0 3px red ,0 0 3px red ,
0 0 3px red ,0 0 3px red ,0 0 3px red ,
0 0 3px red ,0 0 3px red ,0 0 3px red ,
0 0 3px red ,0 0 3px red ,0 0 3px red ,
0 0 3px red ,0 0 3px red ,0 0 3px red ;
}
p {display:inline-block;margin:1em;
padding:10px;border-radius:1em/0.5em;
background:gold;
box-shadow:
inset 0 0 1px white, inset 0 0 3px white, inset 0 0 5px black, inset 0 0 0 1px turquoise, inset 0 -90px 0 -60px rgba(255,255,255,0.5) ,
      0 0 1px white,       0 0 3px white,       0 0 5px black,       0 0 0 1px turquoise;

dabblet.html

<p class="blur">text-shadow multiple avec blur</p>
<p class="sharp">text-shadow multiple sans blur</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}