Autore Topic: comportamento immagine background parallasse  (Letto 239 volte)

Offline mariarosaria

  • Appassionato
  • ***
  • Post: 369
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
comportamento immagine background parallasse
« il: 03 Nov 2021, 22:47:33 »
Ho creato sul sito (link) a cui sto lavorando una immagine iniziale che sosituisce lo slider, con un effetto di parallasse del resto degli elementi.

Se dovesse essere utile a qualcuno, ho mixato un po' di codice preso da questa pagina suggeritami (e creata, credo) da limma (l'effetto parallasse lo vedrete soltanto cliccando sul bottone in fondo alla pagina) e un po' di codice preso da questa altrettanto semplice e utile guida.

Solo... Non riesco a capire quale regola fa in modo che l'immagine si ingrandisca o rimpicciolisca in base alla finestra del browser, oppure se
analizzo la pagina su firefox, quando si apre la finestra di analisi in basso l'immagine si riadattava.

Rispetto ai codici presi, ho modificato il valore "height:100vh" in "height:500px" e ho aggiunto "background-position:top" per fissare l'immagine in alto.

Pensavo di aver risolto perch l'effetto molto meno accentuato, invece c' comunque un punto in cui si ingrandisce e rimpicciolisce. Si nota se si restringe o si allarga la finestra del browser, soprattutto dal basso verso l'alto

Grazie in anticipo per eventuali suggerimenti
« Ultima modifica: 04 Nov 2021, 08:58:48 da mariarosaria »

 

Host

Torna su