Las sombras (shadows) pueden aplicarse a los siguientes widgets: Forma, Imagen, Botón, Texto, Formulario, Hotspot, Presentación de diapositivas, Video y E-commerce.
Para añadir una sombra, selecciona un widget y haz clic en el icono correspondiente de las opciones del mismo. Para eliminarla, vuelve a hacer clic en este icono y desactiva el botón.
Puedes modificar la posición de tu sombra, cambiar su desenfoque y su color.
Las sombras también se pueden animar con uno de los tres ajustes predeterminados:
- Mostrar al pasar por encima: la sombra aparecerá solo cuando el cursor pase por encima del widget. Puedes modificar el efecto cambiando el valor de Duración.
- Mover al pasar el cursor: al pasar el cursor sobre un widget, la sombra cambiará su posición dentro del área establecida. El valor 'Distance' indica a qué distancia del widget se extienden los bordes de esta área.
- Mover al desplazarse: la sombra se moverá al desplazarse por la página. El valor 'Distance' define el área de este movimiento.
Además, después de personalizar los ajustes de la sombra, puedes salvarlos a nivel global: de este modo, se añadirá automáticamente una sombra con estos parámetros a todos los widgets de tu proyecto para los que esté activado el atributo 'Shadow'.
