Crea tu Web: Indice de diseño

El texto

El nuevo standard CSS3 amplia los efectos sobre el texto, quizás el más interesante y soportdo por todos los navegadores sea el sombreado.

Sombras

Si, ahora puedes crear sombras en los caracteres de texto con un atributo muy simple

.sombratxt {
      text-shadow: 5px 12px 3px #666;
     }

Como vemos necesitamos cuatro propiedades para este nuevo atributo CSS3:

Distancia X: la distancia horizontal al texto

Distancia Y: distancia vertical al texto

Difuminado: el grado de difuminado de la sombra

Color: el color de sombra. Este valor puede indicarse mediante el sistema rgba(R, G, B, Op) donde los tres primeros valores son las componentes Rojo Verde Azul del color y el último es la Opacidad (un valor de 0 transparente a 1 totalmente opaco)

Por ejemplo este texto con sombra

 

 

arriba


Comunidad Virtual. Alojamiento gratis