Visualizzazione dei risultati da 1 a 3 su 3

Discussione: effetti di ritardo

  1. #1
    Utente di HTML.it L'avatar di debugger84
    Registrato dal
    Oct 2019
    residenza
    Orani (NU)
    Messaggi
    11

    effetti di ritardo

    Ciao a tutti: desidero sapere come si fa a creare effetti di ritardo (transitions) sulle ancorette, cioè sui link interni alla stessa pagina web. Nei siti moderni vedo ad esempio la freccia in su in basso a destra dello schermo e quando clicco torna su lentamente anziché di botto. Così allo stesso modo lo vedo per altri link, come quando clicco su un paragrafo e la pagina scorre lentamente.
    Come si fa ad ottenere un effetto simile su ogni link? È possibile farlo solo tramite transition senza JavaScript? E soprattutto, quale sarebbe il codice giusto? Inoltre come si fa a far comparire un testo all'interno di un div (ad esempio in mezzo a una immagine) in ritardo? Qual è il codice giusto?
    Please, help me! Grazie mille.

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Puoi farlo con la proprietà css "scroll-behavior", però non è compatibile con safari/safari-IOS/IE.
    Se vuoi la compatibilità anche su questi browser dovresti adottare una soluzione javascript.

    codice:
    html {
      scroll-behavior: smooth;
    }

  3. #3
    Utente di HTML.it L'avatar di debugger84
    Registrato dal
    Oct 2019
    residenza
    Orani (NU)
    Messaggi
    11
    Grazie mille Ninja! Funziona!

Tag per questa discussione

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.