Ejemplos de bloques contenedores de posición


En Posición Bloque contenedor ofrece opciones para escalar y mover la posición de cualquier contenido dentro del contenedor. Es una herramienta de diseño útil para romper la cuadrícula y diseñar fuera de la caja. Se puede utilizar cualquier combinación de mover, escalar y tirar. Además, la posición se puede restablecer opcionalmente en móvil, por lo que no rompe el diseño en dispositivos móviles.

A continuación se muestran múltiples variaciones de bloques. Cada variación puede copiarse en el portapapeles y pegarse directamente en el editor de bloques de WordPress. Sin embargo, el Bloques orgánicos es necesario.

Tenga en cuenta lo siguiente: Estos son ejemplos de variaciones de estilo creados para mostrar la flexibilidad del bloque. Cualquier variación puede modificarse a su gusto, y pueden crearse variaciones completamente nuevas utilizando los ajustes del bloque.

Variante 1

Posición Bloque

En este ejemplo, la posición es desplazado 200 píxeles a la izquierda.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles

Variante 2

Posición Bloque

En este ejemplo, la posición es desplazado 120 píxeles hacia abajo.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles

Variante 3

Posición Bloque

En este ejemplo, la posición es desplazado 400 píxeles a la derecha.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles

Variante 4

Posición Bloque

En este ejemplo, la posición es tirado a la izquierda 260 píxeles.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles

Variante 5

Posición Bloque

En este ejemplo, la escala es reducido a 0,7.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles

Variante 6

Posición Bloque

En este ejemplo, la escala es aumentó a 1,3.

Copie esta variación del bloque utilizando el botón y péguela en su editor de bloques de WordPress. El Bloques orgánicos es necesario.

Bloque de copia
Bloque copiado en el portapapeles