CSS3: Efecto Neón

Un sencillo ejemplo de como simular un efecto «neón» sobre una tipografía en CSS3, sin utilizar imágenes. Para ello utilizamos principalmente text-shadow para dar resplandor al texto, text-fill-color para colorear el interior del texto, text-stroke-color para el color del borde exterior, y text-stroke-width para el ancho del borde.

.neon {
	font-size: 100px;
	letter-spacing:-2px;
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de;
	-webkit-text-fill-color: #F4ECFF;
	-webkit-text-stroke-color:#C546F7;
	-webkit-text-stroke-width:0.2px; 
}