Debo empezar aclarando que este efecto no se ve en Internet Explorer (qué raro ¿no?) así que sólo lo podrán disfrutar usuarios de Mozilla Firefox, Google Chrome y Safari.
Se trata de un efecto de sombras en los textos que bien podemos aplicar dentro de un post o para darle un toque original a los títulos de las entradas. Lo puedes usar donde quieras pero eso sí, con mucha prudencia, pues puede cansar mucho la vista del lector y terminar fastidiado.
El efecto es este:
(lo he puesto en imagen para que los que usan IE puedan verlo)
(lo he puesto en imagen para que los que usan IE puedan verlo)
Para crear este efecto en los títulos de tus entradas es muy sencillo, sólo entra en Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
.post-title {
text-shadow: #6374AB 10px -10px 3px;
}
Para usar este mismo efecto dentro de un post o un elemento HTML/Javascript sólo encierra el texto que deseas que tenga sombra con este código:
<span style="text-shadow: #6374AB 10px -10px 3px;">Aquí va tu texto</span>
Puedes modificar el color de la sombra o la distancia:
- #6374AB es el color de la sombra.
- 10px es el margen derecho entre la sombra y donde inicia el texto.
- -10px es la distancia de arriba entre el texto y la sombra.
- 3px es el difuminado de la sombra, entre más alto sea el número más borroso se verá.
Si puedes ver la sombra de este texto es que tienes un navegador moderno
NOTA: Si no aperece el efecto en los títulos, prueba poner el código debajo de .post h3 {
