banner
hace 5 años
1237 Views

Sombras de Texto Css3 (text-shadow)

Autor:
banner

 

 

Conocemos la importancia del diseño en los proyectos web, hoy os voy a explicar otra propiedad Css3 que con un poco de practica se convertirá en un recurso indispensable para crear diseños cada vez mas profesionales.

Estoy hablando sobre la nueva propiedad que nos brinda Css3, como son las Sombras de Texto Css3 (text-shadow).

Para declarar esta propiedad solo pondremos text-shadow seguido de 4 valores.

Esos valores son; sombra horizontal, sombra vertical, enfoque de la sombra y color.

text-shadow-I

 text-shadow: 2px 3px 5px red; 

Esta propiedad también nos permite crear múltiples Sombras de Texto Css3.

text-shadow-II

 text-shadow: 2px 3px 5px red,</p><p>-2px -3px 5px #000; 

Aquí os dejo unas Sombras de Texto Css3 para mostraros el alcance de esta nueva propiedad Css3.

text-shadow-III

 text-shadow: -1px -1px white,</p><p>1px 1px #333; 

text-shadow-IV

 text-shadow: 0 0 0.2em #F87,</p><p>0 0 0.2em #F87; 

Como podemos apreciar la propiedad text-shadow es muy simple y con un poco de practica y imaginación podremos crear Sombras de Texto cada vez mas visuales y profesionales.

Esta propiedad junto con las propiedades de Animaciones Css3 permiten crear interfaces con unos efectos visuales muy buenos.

Ha seguir programando !!!

Sendoa

¡Aúpa! Me llamo Sendoa y soy un apasionado del Diseño y Desarrollo Web.

Fundador de WebSdcStudio.es; mi blog personal, donde expongo diferentes contenidos de ayuda, consejos, trucos, recursos... sobre el mundo del Diseño y Desarrollo Web.
Sendoa

Latest posts by Sendoa (see all)

Articulos Relacionados

Artículos Categorías:
Css3 · Desarrollo Web
banner

Deja un Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Web Sdc Studio