Ya hemos visto distintas maneras de personalizar textos en este mismo blog, esto siempre nos da mucho juego a la hora de realizar titulos y cualquier cosa que queramos anunciar o resaltar en nuestro blog. En este caso vamos a ver como con un pequeño codigo CSS3, utilizando la propiedad text-shadow, conseguimos que nuestro texto parezca que esta ardiendo.
Para conseguir este efecto, tan solo tienes que copiar el siguiente codigo y pegarlo donde tu quieras. Escribe el texto que desees donde esta indicado en color rojo, si quieres cambiar el tamaño de la letra hazlo donde pone font-size:50px.
Para conseguir este efecto, tan solo tienes que copiar el siguiente codigo y pegarlo donde tu quieras. Escribe el texto que desees donde esta indicado en color rojo, si quieres cambiar el tamaño de la letra hazlo donde pone font-size:50px.
<span class="fuego">Aqui escribe tu texto</span>
<style>
.fuego {
color:white; letter-spacing:1px; font-size:50px;
text-shadow: 0 2px 5px #FF8800,
0 0 3px white,
0 -3px 4px #FFFF33,
0 -7px 10px #FFDD33,
0 -15px 12px #FF8800,
0 -25px 26px #FF2200;
}
</style>
Aqui veis el resultado final, un texto con fondo claro y el otro con fondo oscuro.
