Come aggiungere l'animazione del cursore al passaggio del mouse a una cella della griglia

Se hai bisogno di creare layout fantasiosi per le tue immagini, forme e testi, puoi ridimensionare le celle della griglia con varie larghezze dando ai tuoi progetti un aspetto moderno.

Usa l'elemento griglia per rendere facilmente le modalità reattive. Negli schermi più piccoli, le celle della griglia si spostano automaticamente l'una sotto l'altra.

L'elemento griglia è molto flessibile. Puoi modificarne il layout in base ai requisiti della tua idea di web design. Per capovolgere la griglia che hai posizionato in un blocco. Seleziona questo elemento, quindi vai al pannello delle proprietà a destra. Fare clic sull'elenco a discesa Capovolgi vicino al layout griglia. Fare clic su Capovolgi o Ruota per eseguire l'operazione.

Le Griglie consentono di organizzare vari contenuti, tra cui immagini, icone, forme e testo sotto forma di celle, molto comode da utilizzare. Nel nostro editor visivo, puoi spostare facilmente le celle in una griglia semplicemente trascinando una cella sull'altra, perfezionando il layout e il contenuto per il tuo web design. Inoltre, puoi fare clic sulle icone delle frecce sullo strumento contestuale della cella per spostare la cella.

Puoi facilmente modificare la larghezza della griglia da Boxed a Wide e viceversa. Seleziona una griglia, quindi vai al pannello delle proprietà. Individua l'icona Boxed/Wide vicino ai valori Larghezza e Altezza e modifica il layout Gird facendo clic sull'icona.

Ottieni la più ampia varietà di layout di griglia per il tuo web design. Gli elementi della griglia ti aiutano a rendere automaticamente i tuoi progetti ottimizzati per i dispositivi mobili.

Puoi modificare la spaziatura tra le celle della griglia in base ai tuoi requisiti di progettazione web. Per questo, puoi utilizzare la proprietà Cell Gap nel pannello delle proprietà. Seleziona una griglia, quindi vai al pannello delle proprietà, scorri verso il basso il pannello, trascina lo slider per modificare il gap.

Gli elementi della griglia sono molto utili per creare modalità reattive, poiché negli schermi più piccoli le celle della griglia si spostano automaticamente l'una sotto l'altra. Inoltre, per molti layout, puoi modificare l'ordine delle celle della griglia su tutte le visualizzazioni mobili. Scegli l'elemento griglia, cambia la modalità reattiva sulla barra superiore, regola la griglia, se necessario. Per la maggior parte delle Griglie, non è necessario apportare modifiche.

Una cella dell'elemento griglia può avere uno sfondo e puoi utilizzarne vari tipi. Puoi applicare il riempimento colore, il gradiente, l'immagine, il video o non avere alcuno sfondo. Seleziona una cella della griglia e vai al pannello delle proprietà. Scegli un tipo di sfondo più adatto al tuo web design.

Puoi modificare il layout della Griglia aggiunta in un Blocco in qualsiasi momento. Seleziona l'elemento griglia, quindi vai al pannello delle proprietà. Fare clic sulla freccia per aprire l'elenco delle preimpostazioni della griglia e selezionare il layout che si adatta meglio alla propria idea di web design. Puoi anche aggiungere e rimuovere le celle della griglia nell'editor.