Tipos de sombra
Cada sombra puede ser exterior o interior:
- Exterior: hace que el elemento se vea elevado sobre el fondo.
- Interior: crea un efecto hundido, como si el elemento tuviera profundidad hacia adentro.
Parámetros que puedes ajustar
Cómo agregar una sombra
1
Selecciona el elemento
Abre tu embudo o sitio web en el editor y haz clic en el elemento que quieres modificar.
2
Abre la configuración de sombra
En el panel de la derecha, busca el apartado Sombra en la pestaña Estilos (en versiones anteriores del editor estaba en Avanzado) y despliégalo para ver las opciones de sombra de caja y sombra de texto.
3
Agrega una sombra
Haz clic en el botón + junto a Sombra de caja o Sombra de texto. Se aplica una sombra exterior con valores predeterminados que puedes usar tal cual o ajustar.
4
Personaliza la sombra
Haz clic en el nombre de la sombra para editarla: elige exterior o interior y ajusta X, Y, desenfoque, expansión y color.
5
Agrega más sombras si lo necesitas
Pulsa + otra vez para sumar varias sombras al mismo elemento y lograr efectos más elaborados.
6
Guarda y publica
Revisa el resultado en escritorio y móvil, guarda y publica la página.
La sombra de texto solo aparece en elementos basados en texto. En imágenes y botones verás únicamente la sombra de caja.
Ideas de uso
- Tarjetas de precios o testimonios: una sombra exterior suave (Y de pocos píxeles, desenfoque alto, color gris claro) las separa del fondo.
- Botones de compra: una sombra exterior algo más marcada los hace ver “clicables”.
- Títulos sobre fotos: una sombra de texto oscura y difusa mejora el contraste sin cambiar la imagen.
- Campos o cajas hundidas: una sombra interior da la sensación de un área rebajada.
Artículos relacionados
Control de bordes en el creador de páginas
Ajusta bordes y esquinas de tus elementos.
Barra lateral del creador
Dónde encontrar cada ajuste de estilo.