Efectos hover, parallax, bloques fijos, fuentes, formas, y animaciones

Un conjunto de opciones de estilo para añadir movimiento y personalidad a un Sitio Web publicado, ninguna de ellas necesita código.

Efecto hover

Los botones, imágenes, y bloques tipo tarjeta (Cuadrícula de Funciones, Testimonio, Equipo, Estadísticas, Valoración, y similares) tienen cada uno un campo Efecto hover: Elevar, Zoom, Resplandor, o Inclinar. Es un toque puramente visual en ese bloque, y se desactiva automáticamente para un visitante cuyo dispositivo tenga activado el movimiento reducido.

Parallax

Hero, Sección, y Banner CTA tienen cada uno una casilla Efecto parallax de desplazamiento de fondo, disponible una vez que se establece una imagen de fondo. En lugar de desplazarse a la velocidad de la página, la imagen se retrasa suavemente respecto al resto de la página mientras tu visitante se desplaza, un movimiento real vinculado al desplazamiento, no el truco antiguo de fondo fijo, así que también funciona correctamente en móvil. Se desactiva para un visitante con el movimiento reducido activado.

Bloques fijos

El bloque de Barra de Navegación tiene una casilla Mantener fijo arriba al desplazarse (activada por defecto, igual que siempre se comportó antes de que existiera esta opción). La mayoría de los otros bloques también tienen una opción de estilo Mantener este bloque fijo arriba al desplazarse, útil para una sección tipo barra lateral que quieras mantener visible.

Mostrar un bloque solo en ciertos dispositivos

Las opciones de estilo de cada bloque incluyen un campo Visible en: Todos los dispositivos, Solo escritorio, Solo tablet, o Solo móvil. Esto se decide antes de que tu página termine de cargar, así que un bloque oculto nunca se muestra brevemente y luego se elimina.

Cursor y barra de desplazamiento personalizados

Desde los Ajustes del Sitio de tu proyecto, puedes establecer un cursor para todo el proyecto (un estilo integrado, o tu propia imagen pequeña) y la apariencia de la barra de desplazamiento (desactivada, fina y neutra, o fina usando el color de acento de tu tema), aplicado en todo tu sitio publicado, no por bloque.

Combinar una fuente en un encabezado

Tu tema ya establece una fuente para todo tu sitio, pero el bloque Encabezado también tiene su propio campo Fuente, separado de ese ajuste a nivel de proyecto. Dejarlo en su valor por defecto sigue heredando la fuente propia de tu tema, como siempre, elegir una distinta sobrescribe solo ese encabezado, una forma habitual de combinar una fuente llamativa con una fuente de cuerpo más sencilla, el tipo de contraste que se ve en muchos sitios de agencias y portafolios.

Forma del contenedor

Las propias opciones de Estilo de cada bloque incluyen una sección Forma del contenedor: un desplegable con formas predefinidas (Onda, Onda arriba, Diagonal, Diagonal invertida, Arco, Mancha, Cuña, Muesca, Cinta, o Ninguna) más un control deslizante de Intensidad que regula cuán pronunciado es el corte o la curva, así el propio fondo de ese bloque queda recortado en esa forma en lugar de un rectángulo plano. Elegir Personalizada abre en su lugar un pequeño editor de formas: haz clic en cualquier parte para añadir un punto, arrastra un punto para moverlo, haz clic derecho en un punto para eliminarlo, necesitas al menos 3 puntos antes de poder guardar, y al guardar se aplica exactamente ese contorno dibujado a mano. Las formas de contenedor requieren un plan Creator, consulta "Comparación de los planes Free, Plus y Creator".

Bloque de Animación

Un nuevo bloque de Animación reproduce una animación Lottie (pega un enlace a un archivo Lottie .json) o tu propia animación SVG escrita a mano, en línea, con opciones de bucle y reproducción automática para Lottie. Una animación SVG se ejecuta dentro del mismo tipo de marco aislado que el bloque de Código Personalizado, ya que un SVG sin procesar puede contener un script igual que el HTML, consulta "El bloque de Código Personalizado, y cómo se mantiene seguro" para lo que significa ese aislamiento en la práctica.