Acá les voy a mostrar como realizar un efecto Neón con css3 sin imagenes

Vamos a utilizar:

  text-fill-color para colorear el interior del texto
  text-stroke-width para el ancho del borde.
  text-shadow para dar resplandor al texto
  text-stroke-color para el color del borde exterior

.textoneon{
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; /* Damos el resplandor*/
-webkit-text-fill-color: #F4ECFF; /* Coloreamos el interior del texto*/
-webkit-text-stroke-color:#C546F7; /* Color del borde exterior*/
-webkit-text-stroke-width:0.2px;
}

Después le asignamos el estilo al texto:

<span class="textoneon"> Aquí el texto </span>
Ejemplo

El tutorial está redactado por mi pero me base en esta web (Es lo mismo). Espero les sea útil, saludos!

Wow!!!

k+ tio excelente tutorial!


GRacias!

Venga, te dejo un Karma+ porque hace tiempo que no doy ninguno.

(Mentira, hoy le he dado uno a Siqui por el morro xD)

Un abrazo

Una pregunta, creo que se podría hacer con este efecto, ¿Como sería disminuir el tamaño de la intensidad de la luz y tal y además que pase a ser una sobra así como las letras de ascodevida.com

Una pregunta, creo que se podría hacer con este efecto, ¿Como sería disminuir el tamaño de la intensidad de la luz y tal y además que pase a ser una sobra así como las letras de ascodevida.com

Ve jugando con los atributos de text-shadow y los colores de las otras lineas:

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; /* Damos el resplandor*/

Muy interesante, no sabia que eso se podia hacer con CSS...

Tantas cosas interesantes que se pueden hacer y nosotros las ignoramos.

Saludos

Usando CSS3 y HTML5 puedes hacer muchas cosas nuevas increíbles, la verdad yo voy entrando apenas en esto pero Omaarv, va mas avanzado que yo seguro el tiene muchos "trucos" buenos usando CSS3

Podemos hacer cosas maravillosas con css3, por ejemplo podemos usar gradientes, sombras, colores y combinarlos hasta crear una infinidad de combinaciones que nos dejen a todos sorprendidos, intenten hacer la mas mínima cosa y se sorprenderán.

Agregando que se pueden usar imágenes como bordes con border-image y también usar mas de 1 fondo en un div según leí...

Ya lo sabía, pero muy bueno ahora el CSS3, espero lo sigan.. mhhh (desarrollando)(?) bueno sí, más que todo la funcionalidad en todos los navegadores.
Saludos

Bueno, es verdad. y si hablará de IE?  Jaja 
deberían enterrarlo todo...