Propiedad de sombra de los Elementos

Utiliza esta propiedad para agregar múltiples efectos de sombra alrededor de los siguientes elementos: Contenedor, External Content, Image, Post Media, Progress Bar, Rectángulo.

Propiedades

Puedes agregar múltiples sombras a tu elemento. Las sombras serán listadas en el Inspector, puedes reorganizarlas y aquellas sombras que más arriba se encuentran serán dibujadas encima de las otras, ofreciéndote la posibilidad de crear sombras más complejas como gradientes.

Aplica sombras a tus elementos con las siguientes propiedades:

Posición 

Exterior: Establece una sombra paralela (como si el elemento estuviera encima).

Interior: La sombra se muestra desde dentro del elemento (como si el contenido estuviera contenido dentro) Las sombras insertadas se dibujan dentro del borde.

Ángulo


Distancia

Modifica la distancia aparente entre la sombra y el elemento. El efecto se logra disminuyendo o aumentando la distancia en pixeles. 

Al aumentar la distancia, se genera un efecto en el cual el elemento flota por encima del fondo.

Difuminado

Cuanto mas grande es este valor, mayor será el efecto de difuminado, el elemento se verá más grande y clara. No es posible colocar valores negativos. Si el valor es 0, los bordes de la sombra serán nítidos.

Expansión

Define que tan gradualmente se desvanece la sombra por los bordes. Por ej: Para sombras duras deberás aumentar su valor.

Color

Cambia el color de la sombra.

Ocultar

Puedes esconder las sombras para probar diferentes variantes sin perderlas, simplemente las desactivas y no se mostrarán.

Borrar

Si borras la sombra será completamente eliminada.


Was this article helpful?