Exemplos de blocos de contentores de posição


O Posição Bloco de contentores apresenta opções para dimensionar e mover a posição de qualquer conteúdo dentro do contentor. É uma ferramenta de design útil para quebrar a grelha e desenhar fora da caixa. Qualquer combinação de mover, dimensionar e puxar pode ser utilizada em conjunto. Além disso, a posição pode ser redefinida opcionalmente em dispositivos móveis, para não quebrar o layout em dispositivos móveis.

Abaixo são apresentadas várias variações de blocos. Cada variação pode ser copiada para a sua área de transferência e colada diretamente no seu editor de blocos do WordPress. No entanto, o Blocos orgânicos plugin é necessário.

Nota: Estes são exemplos de variações de estilo criadas para mostrar a flexibilidade do bloco. Qualquer variação pode ser modificada a seu gosto e podem ser criadas variações totalmente novas utilizando as definições do bloco.

Variação 1

Bloco de posições

Neste exemplo, a posição é deslocado para a esquerda 200 pixéis.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 2

Bloco de posições

Neste exemplo, a posição é deslocado 120 pixéis para baixo.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 3

Bloco de posições

Neste exemplo, a posição é deslocado para a direita 400 pixéis.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 4

Bloco de posições

Neste exemplo, a posição é puxado para a esquerda 260 píxeis.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 5

Bloco de posições

Neste exemplo, a escala é reduzido para 0,7.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 6

Bloco de posições

Neste exemplo, a escala é aumentou para 1,3.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Deslocar para o topo