Cómo agregar la animación del control deslizante flotante a una celda de cuadrícula

Si necesita crear diseños elegantes para sus imágenes, formas y textos, puede cambiar el tamaño de las celdas de cuadrícula con varios anchos para darle a sus diseños un aspecto moderno.

Use el elemento de cuadrícula para hacer que los modos de respuesta sean fáciles. En las pantallas más pequeñas, las celdas de la cuadrícula se mueven una debajo de otra automáticamente.

El elemento Grid es muy flexible. Puede ajustar su diseño para los requisitos de su idea de diseño web. Para voltear la Cuadrícula que colocaste en un Bloque. Seleccione este Elemento, luego vaya al Panel de Propiedades a la derecha. Haga clic en la lista desplegable Voltear cerca del diseño de cuadrícula. Haga clic en Voltear o Rotar para realizar la operación.

Las Cuadrículas permiten organizar varios contenidos, incluyendo imágenes, íconos, formas y texto en forma de celdas, que son muy convenientes de operar. En nuestro editor visual, puede mover fácilmente celdas en una cuadrícula simplemente arrastrando una celda sobre otra, perfeccionando su diseño y contenido para su diseño web. Además, puede hacer clic en los iconos de flecha en la herramienta de contexto de la celda para mover la celda.

Puede cambiar fácilmente el ancho de la cuadrícula de encuadrado a ancho y viceversa. Seleccione una Cuadrícula, luego vaya al Panel de propiedades. Ubique el ícono Boxed/Wide cerca de los valores de Width y Height, y cambie el diseño de viga haciendo clic en ese ícono.

Obtenga la más amplia variedad de diseños de cuadrícula para su diseño web. Grid Elements te ayuda a hacer que tus diseños sean compatibles con dispositivos móviles de forma automática.

Puede cambiar el espacio entre las celdas de la cuadrícula según sus requisitos de diseño web. Para eso, puede usar la propiedad Cell Gap en el panel de propiedades. Seleccione una Cuadrícula, luego vaya al Panel de propiedades, desplácese hacia abajo en el Panel, arrastre el Control deslizante para modificar el Espacio.

Los elementos de la cuadrícula son muy útiles para crear modos receptivos, ya que en las pantallas más pequeñas, las celdas de la cuadrícula se mueven automáticamente una debajo de la otra. Además, para muchos diseños, puede cambiar el orden de las celdas de la cuadrícula en todas las vistas móviles. Elija el elemento de cuadrícula, cambie el modo de respuesta en la barra superior, ajuste su cuadrícula, si es necesario. Para la mayoría de las cuadrículas, no es necesario realizar ajustes.

Una celda del elemento Grid puede tener un fondo, y puede usar varios tipos para él. Puede aplicar Relleno de color, Degradado, Imagen, Video o no tener ningún Fondo. Seleccione una celda de cuadrícula y vaya al Panel de propiedades. Elija un tipo de fondo que mejor se adapte a su diseño web.

Puede cambiar el diseño de la Cuadrícula agregada a un Bloque en cualquier momento. Seleccione el Elemento de cuadrícula, luego vaya al Panel de propiedades. Haga clic en la flecha para abrir la Lista de ajustes preestablecidos de cuadrícula y seleccione el diseño que mejor se adapte a su idea de diseño web. También puede agregar y eliminar celdas de cuadrícula en el Editor.