Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2016
    Messaggi
    94

    Effetto parallax su tag img invece che background-image?

    Ciao, come da titolo vorrei sapere se esiste il modo di dare l'effetto parallax ad un elemento IMG (non background-image e background-attachment) con css (senza plugin JS)?

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ciao, bisognerebbe capire esattamente cosa intendi ottenere. In linea di massima puoi utilizzare un posizionamento fixed o absolutecon cui slegare dal normale flusso dei contenuti quello specifico elemento così da mantenerlo fermo in una specifica posizione, e magari impostare lo z-index per ottenere la sovrapposizione voluta dei vari elementi in gioco. E' chiaro però che se vuoi ottenere un effetto più completo, in cui magari c'è un movimento durante lo scorrere della pagina, la cosa va gestita tramite l'evento scroll della pagina, e in quel caso ti serve necessariamente JavaScript.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2016
    Messaggi
    94
    Ciao Killerworm, grazie per la risposta.Si trattava per lo più di una curiosità piuttosto che di un effettivo bisogno.

    Volevo ottenere lo stesso effetto parallax che si ottiene con background-image cioè che durante lo scroll l'immagine di sfondo si muove e il testo sopra resta fermo.

    https://www.w3schools.com/howto/tryh...allax_demo.htm

    Non so perchè ma ero curioso di sapere se la stesso effetto si potesse applicare su una immagine (tag <img>) e non sotto forma di background image

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ok, come già ti ho indicato si potrebbe fare qualcosa col position ma sarebbe comunque più macchinoso; per cui, se non c'è un reale motivo, avrebbe poco senso imbattersi in una cosa del genere.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.