fbpx

Paripassi è il percorso di 12 mesi per imparare a gestire da sola sito e newsletter! DIMMI DI PIÙ!

Divi: come creare una sezione con immagine e gradiente di background in parallasse

4 Giugno 2024Divi, Tutorial

Divi: come creare una sezione con immagine e gradiente di background in parallasse

Eccomi di nuovo a pubblicare un video tutorial per Divi!

Oggi vediamo insieme come creare una sezione con una immagine e un gradiente di background con parallasse.

Vediamo quindi come utilizzare le opzioni di background di Divi per riuscire a inserire un gradiente colorato che si fonde con un’immagine di sfondo.

Il risultato finale che otteniamo seguendo tutto il tutorial è questo:

Una piccola nota: nel tutorial ti mostrerò la differenza tra il metodo “parallasse reale” e “parallasse CSS“. Nel caso della parallasse CSS il gradiente rimane fisso, attaccato all’immagine di sfondo così che sembri far parte dell’immagine stessa e non un ulteriore livello, come accade nel metodo “parallasse reale”. Ovviamente scegli tu il metodo che preferisci.

Semplificando, in questo tutorial eseguiremo due passaggi:

  1. creiamo un gradiente di background per una sezione della pagina
  2. aggiungiamo una immagine di background alla stessa sezione e dei metodi di parallasse, infine andiamo a fondere il colore.
E, se il tutorial ti piace, non dimenticarti di seguirmi anche sul mio canale Youtube.
Spero davvero che il mio video tutorial ti abbia ispirata e magari ti abbia fatto venire voglia di conoscere ancora meglio il tuo tema Divi. Se questo tutorial ti è stato utile e vuoi condividere con me il risultato del tuo lavoro puoi lasciarmi un commento qui sotto oppure contattarmi sul mio profilo Instagram. Se vuoi imparare ad usare ancora meglio DIVI, il potentissimo tema WordPress creato da Elegant Themes, nel mio percorso PARIPASSI trovi un’intera lezione dedicata ai theme builder e a DIVI.
Vuoi rendere il tuo sito creato con Divi sempre più speciale?

Se questo articolo ti è piaciuto e se desideri creare il tuo sito web e restare sempre aggiornata sul mondo di WordPress e delle newsletter puoi iscriverti al mio corso gratuito e alla mia newsletter compilando il form qui sotto:

Hai trovato utile questo contenuto?

Puoi offrirmi un caffè!

Ciao!

Ciao!

Sono Ljuba. Web designer freelance. Metà perfezionista e metà sognatrice. Femminista in divenire. In costante evoluzione e quasi sempre con i capelli ciclamino.
I siti che realizzo sono piacevoli da navigare, attraenti già dal primo sguardo, rispettosi delle regole di usabilità e accessibilità. Raccontano le mie clienti in tutto e per tutto, le definiscono come donne e professioniste che non hanno timore di farsi vedere per chi sono davvero. Conosciamoci meglio
Divi: come creare una sezione con immagine e gradiente di background in parallasse
Divi: come creare una sezione con immagine e gradiente di background in parallasse
Divi: come creare una sezione con immagine e gradiente di background in parallasse
Divi: come creare una sezione con immagine e gradiente di background in parallasse

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Creazione siti WordPress

WordPress in Pillole

Iscriviti al mio corso gratuito via mail che ti insegna a creare e gestire il tuo sito WordPress

Evviva, grazie per aver scelto di iscriverti a WordPress in Pillole. Ora devi cliccare sul link di conferma che hai ricevuto via mail.