El elemento Overlay muestra una imagen con una superposición de contenido. Tiene los campos Imagen, Video, Título, Meta, Contenido, Enlace e Imagen flotante.
El Overlay se puede mostrar como una portada o un pie de foto. Muestre lel Overlay desde el principio o solo al pasar el mouse sobre ella. Seleccione una transición de desplazamiento. Además, hay una opción para que el modo de portada solo se desvanezca en el fondo mientras el contenido superpuesto es visible desde el principio. Tenga en cuenta que hay una opción de altura mínima para la imagen para evitar que el Overlay de contenido sea más grande que la imagen de fondo en dispositivos pequeños.
Cover
Mosaico Como Cover
Mostrar Siempre
Caption
Mosaico Como Caption
Mostrar Siempre
Mosaico Como Cover
Mostrar al Pasar el Mouse
Mosaico Como Caption
Mostrar al Pasar el Mouse
Mosaico Como Cover
Animar fondo
Estilo
El Overlay tiene varias opciones de estilo. Puede parecer un Overlay transparente o un mosaico opaco, o mostrar solo el contenido.
Cover
Overlay Default Cover
Mostrar al Pasar el Mouse
Caption
Overlay Default Caption
Mostrar al Pasar el Mouse
Overlay Primary Cover
Mostrar al Pasar el Mouse
Overlay Primary Caption
Mostrar al Pasar el Mouse
Tile Secondary Cover
Mostrar al Pasar el Mouse
Tile Secondary Caption
Mostrar al Pasar el Mouse
Color de Texto
Establezca el color del texto para el contenido del Overlay en claro u oscuro. Si es necesario, invierta el color del texto al pasar el mouse, por ejemplo, cuando use una imagen flotante o cuando un fondo diferente se desvanezca al pasar el mouse.
Seleccione el relleno entre el Overlay y su contenido. Hay varias opciones para posicionar el Overlay y su contenido con respecto a la imagen superpuesta. Además, si se selecciona un estilo, aplique un margen entre la superposición y el contenedor de la imagen y establezca el ancho máximo del contenido.
Seleccione una transición para el título, el meta y el contenido cuando el Overlay aparezca al pasar el mouse.
Sneaker
Campaña Online
Pantheon
Identidad de Marca
Link
Hay varias opciones para vincular el elemento Overlay. Vincule el título por separado o vincule el Overlay completo. Además, establezca el estilo de desplazamiento para el título. El estilo se mantiene incluso si se vincula toda el Overlay.
Las opciones para los diferentes campos de contenido son muy similares en todos los elementos. Se describen en la documentación correspondiente de los elementos Imagen, Titular, Texto y Botón. Tenga en cuenta que también se pueden mostrar varios Overlay en los elementos Galery o Overlay Slider.Seleccione una transición para el título, el meta y el contenido cuando el Overlay aparezca al pasar el mouse.
Nuevos Equipos
Adquiere la Nueva Apple MacBook Pro
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.