Efecto texto de fuego con CSS3 y jQuery

Burn es un plugin jQuery para la creación de texto con efecto fuego, para ello utiliza CSS3 para recrear el aspecto visual del fuego y jQuery para animar las llamas. La propiedad CSS3 que se utiliza es text-shadow, probablemente una de las que mejor soporte tenga en los distintos navegadores, por lo que podríamos hablar de […]

Burn es un plugin jQuery para la creación de texto con efecto fuego, para ello utiliza CSS3 para recrear el aspecto visual del fuego y jQuery para animar las llamas.

La propiedad CSS3 que se utiliza es text-shadow, probablemente una de las que mejor soporte tenga en los distintos navegadores, por lo que podríamos hablar de una implementación segura.

Burn texto fuego

Texto fuego con jquery y css3


HTML

<h1>I'm on fire!</h1>

CSS3

.burning{
  color: white;         /* A light text makes a nice bright flame source */
  background: black;    /* A dark background gives some contrast */
  letter-spacing: 3em;  /* Big text shows off the effect best */  
  font-weight: bold;
}

jQuery

$(document).ready(function() {
    $('.burning').burn();
});

Espero que os guste este recurso :-).

Web Burn