Risultati da 1 a 15 di 15

Discussione: Effetto trasformazione css

  1. #1

    Effetto trasformazione css

    Sapete come fare questo tipo di trasformazione? Come questo
    Mi riferisco all'immagine dell'intera pagina che facendo lo scrolling verso il basso, l'immagine diventa più piccola e altre immagine compaiono dai lati e si sovrappongono a quella che è diventata più piccola
    Ultima modifica di chris93; 05-10-2021 alle 13:22
     

  2. #2
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Io da quel link non ho notato alcun effetto di cui parli.

    Ti riferisci per caso all'effetto "Parallax Scrolling"?
    Comunque esistono molte librerie JavaScript che, allo scrolling della pagina, animano gli elementi in base alle esigenze.

    Se non erro, non puoi farlo col solo CSS...

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  3. #3

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da Domy Visualizza Messaggio
    Io da quel link non ho notato alcun effetto di cui parli.

    Ti riferisci per caso all'effetto "Parallax Scrolling"?
    Comunque esistono molte librerie JavaScript che, allo scrolling della pagina, animano gli elementi in base alle esigenze.

    Se non erro, non puoi farlo col solo CSS...
    Io pensavo fosse una trasformazione.
    si mi riferisco all'effetto che si fa con lo scrolling della pagina.
    L'effetto in questione quindi si chiama "Parallax Scrolling"?
     

  4. #4
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Prova "jQuery AniView": jQuery AniView
    Vedi se è quello che cercavi.

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  5. #5

    Re: Effetto trasformazione css

    Non saprei con esattezza, ma mi sembra di no, quello che mi piacerebbe fare è una cosa simile al sito di apple Monterey, sempre se sia possibile
     

  6. #6

    Effetto trasformazione css

    Io ho trovato l'effetto qui, non è quello esatto di Monterey, ma è quello, anche se non ho capito se le immagini che mi posizionano sul computer allo scrolling sono diverse oppure no, perché io vedendo da ispeziona ho trovato l’immagine del MacBook con le immagine già posizionate al suo interno, come una sola immagine
    Ultima modifica di chris93; 15-10-2021 alle 11:52
     

  7. #7
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Come puoi vedere dal link che tu stesso hai inserito, è stato utilizzato del codice JavaScript...

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  8. #8

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da Domy Visualizza Messaggio
    Come puoi vedere dal link che tu stesso hai inserito, è stato utilizzato del codice JavaScript...
    Si ho visto, mi chiedo se senza sarebbe stato possibile


    Inviato dal mio iPhone utilizzando Tapatalk
     

  9. #9

    Re: Effetto trasformazione css

    Ma facendo riferimento a quello del sito di apple, le immagini che vanno a posizionarsi all'interno dello schermo del mac, sono 4 immagini diverse più quella del mac o è una che con l'effetto sembrano diverse?
     

  10. #10
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da chris93 Visualizza Messaggio
    Si ho visto, mi chiedo se senza sarebbe stato possibile


    Inviato dal mio iPhone utilizzando Tapatalk
    Che a me risulta, no.

    Citazione Originariamente Scritto da chris93 Visualizza Messaggio
    Ma facendo riferimento a quello del sito di apple, le immagini che vanno a posizionarsi all'interno dello schermo del mac, sono 4 immagini diverse più quella del mac o è una che con l'effetto sembrano diverse?
    Ma io non vedo alcun effetto, è solo un'immagine: https://www.apple.com/euro/macos/mon...xqy_medium.jpg

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  11. #11

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da Domy Visualizza Messaggio
    Che a me risulta, no.


    Ma io non vedo alcun effetto, è solo un'immagine: https://www.apple.com/euro/macos/mon...xqy_medium.jpg
    Ho fatto una ricerca più approfondita con ispeziona e le 4 immagini che vanno a posizionarsi sullo sfondo, sono state caricate in locale, non sono state caricate tramite link.
    Io mi riferisco alle immagini dello scrolling, non quella che hai visto tu.

    Studierò quello che ho trovato io e cercherò di modificarlo come quello del sito
    Grazie
     

  12. #12
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Se mi fai uno screenshot o una registrazione (video) dello schermo con l'effetto di cui parli, magari riesco ad aiutarti...

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  13. #13

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da Domy Visualizza Messaggio
    Se mi fai uno screenshot o una registrazione (video) dello schermo con l'effetto di cui parli, magari riesco ad aiutarti...
    Buona domenica, questo è l'effetto cui parlo, quello iniziale con le 4 immagini che dai lati di posizionano sullo schermo(safari, facetime, messaggi e sharing) e il dock che compare, la scritta macOS Monterey che scompare allo scrolling Registrazione
    Ultima modifica di chris93; 24-10-2021 alle 10:29
     

  14. #14
    Effetto trasformazione css L'avatar di Domy
    Data Registrazione
    15-11-2009
    Località
    Salerno
    Messaggi
    10,602

    Re: Effetto trasformazione css

    Dal mio browser continuo a vedere un'immagine statica, non mi appare proprio quell'effetto.
    In ogni caso, con il solo CSS non puoi farlo.

    Suggerimenti importanti: Mi raccomando, leggi sempre il Effetto trasformazione cssRegolamento e usa il tasto Effetto trasformazione cssCerca!
    NeXt-Console - La tua risorsa sulle Console!

  15. #15

    Re: Effetto trasformazione css

    Citazione Originariamente Scritto da Domy Visualizza Messaggio
    Dal mio browser continuo a vedere un'immagine statica, non mi appare proprio quell'effetto.
    In ogni caso, con il solo CSS non puoi farlo.
    Io tramite ispezione ho visto che le immagini sono caricate in locale, io proverò ad aggiungere altre immagini e a cambiare qualcosa per vedere se cambia qualcosa o mi da errori


    Inviato dal mio iPhone utilizzando Tapatalk
     

Discussioni Simili

  1. Risposte: 0
    Ultimo Messaggio: 20-12-2011, 18:20
  2. [Video] Photoshop - Effetto Star light
    Di #Sмσкє™ nel forum Grafica e Photoshop
    Risposte: 0
    Ultimo Messaggio: 04-12-2011, 12:10
  3. [Video] Photoshop - Foto con effetto piramide
    Di #Sмσкє™ nel forum Grafica e Photoshop
    Risposte: 0
    Ultimo Messaggio: 04-12-2011, 11:56

Tag per Questa Discussione

Segnalibri

Segnalibri

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  

NeXt-Console 3.0
Effetto trasformazione css
Effetto trasformazione css
Powered
Board by vBulletin.
Portal by vBadvanced.
Theme by PixelGoose Studio.
Powered by CleanWeb.
NeXt-Console.it • Online dal 2009.
Tutti gli orari sono GMT +1. Adesso sono le 00:28.