Esempi di blocchi contenitori di posizione


Il Posizione Blocco contenitore offre opzioni per scalare e spostare la posizione di qualsiasi contenuto all'interno del contenitore. È uno strumento di progettazione utile per rompere la griglia e progettare fuori dagli schemi. È possibile utilizzare qualsiasi combinazione di spostamento, ridimensionamento e trascinamento. Inoltre, la posizione può essere facoltativamente reimpostata in mobilità, in modo da non interrompere il layout sui dispositivi mobili.

Di seguito sono illustrate diverse varianti di blocco. Ogni variante può essere copiata negli appunti e incollata direttamente nell'editor di blocchi di WordPress. Tuttavia, il Blocchi organici è necessario il plugin.

Nota bene: Queste sono variazioni di stile di esempio create per mostrare la flessibilità del blocco. Ogni variante può essere modificata a proprio piacimento e si possono creare varianti completamente nuove utilizzando le impostazioni del blocco.

Variante 1

Blocco di posizione

In questo esempio, la posizione è spostato a sinistra di 200 pixel.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 2

Blocco di posizione

In questo esempio, la posizione è spostato in basso di 120 pixel.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 3

Blocco di posizione

In questo esempio, la posizione è spostato a destra di 400 pixel.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 4

Blocco di posizione

In questo esempio, la posizione è tirato a sinistra 260 pixel.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 5

Blocco di posizione

In questo esempio, la scala è ridotto allo 0,7.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Variante 6

Blocco di posizione

In questo esempio, la scala è aumentato all'1,3.

Copiare questa variazione di blocco utilizzando il pulsante e incollarla nell'editor di blocchi di WordPress. Il Blocchi organici è necessario il plugin.

Blocco copia
Blocco copiato negli appunti!

Torna in alto