]

viernes, 7 de noviembre de 2014

Texto 3D

TEXTO 3D en la cabecera

Ir a plantilla --> editar en html y ahí bucar <header> y debajo del último  </div> pegar;
<div class='textoddd'>TooLBoXBLoG</div>

Luego ir al CSS: plantilla --> personalizar --> avanzado --> añadir CSS , y ahí pegar el siguiente código:

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0  2px  0   #8b6e15,
               0  4px  0   #7c6213,
               0  6px  0   #6e5611,
               0  8px  0   #5f4b0e,
               0 10px  0   #503f0c,
               0 12px  0   #41330a,
              3px 8px 15px rgba(0,0,0,0.1),
              3px 8px  5px rgba(0,0,0,0.3);
}


Este es el código base, se trataba de convertir el título o cualquier texto que se poretenda convertir en 3D en una clase con el div class para luego poder aplicarle unas propiedades que le den el aspecto de 3D. Conociendo este truqui se ppueden hacer variaciones sobre el diseño modificando colores, sombra (shadow), tipo de letra, etc.

No hay comentarios:

Publicar un comentario