Le animazioni del sito Web possono essere utilizzate per aggiungere effetti visivi durante il caricamento della pagina come dissolvenza in apertura, dissolvenza in chiusura, ridimensionamento e altri. Ciò aggiungerà un tocco al tuo sito Web quando l'utente scorre le pagine.
Puoi selezionare diversi stili di animazione per i diversi elementi del tuo sito web.
In questo articolo:
Modifica l'animazione del sito web
Le animazioni possono rendere visivamente interessante un sito web e dare vita a tutti gli elementi presenti sul sito web. Creano un'esperienza più coinvolgente e coinvolgente per gli utenti.
- Clicca sul Animazione (3) opzione.
Qui vedrai tutte le impostazioni disponibili per gestire e personalizzare le animazioni per gli elementi del tuo sito web.
- Per impostazione predefinita, Scorrere verso l'alto l'animazione verrà applicata all'intero sito web.
- Seleziona Nona se vuoi disabilitare le animazioni.
Diversi elementi del sito web
Pixpa ti consente di applicare animazioni ai seguenti elementi del tuo sito web:
- Immagini: Aggiungi movimento alle tue immagini per catturare l'attenzione dei visitatori.
- Titolo H1: Utilizza le animazioni per far risaltare i titoli principali.
- Titoli H2: Anima i sottotitoli o i titoli più piccoli per migliorare la fluidità dei tuoi contenuti.
- Testo: Dai vita ai tuoi contenuti animando paragrafi e descrizioni.
- Pulsanti: Evidenzia i pulsanti call-to-action con effetti accattivanti.
Assicurati di colpire il Pubblica (6) pulsante per salvare tutte le modifiche e renderle attive sul sito web.
Stili di animazione
- Dissolvenza in entrata – Rivela gradualmente gli elementi aumentandone l'opacità da trasparente a opaco.
- Scorrere verso l'alto - Movimento fluido degli elementi sullo schermo da una posizione più bassa a una posizione più alta.
- Ingrandisci – Aumenta gradualmente le dimensioni o la scala di un elemento.
- Rimpicciolire - Diminuisce gradualmente la dimensione o la scala di un elemento.
- Rivela - Svelare o rivelare gradualmente gli elementi sullo schermo.
Seleziona Nona per disattivare l'animazione per quell'elemento specifico.
Animazione di velocità
La velocità con cui un'animazione passa da uno stato all'altro. Determina quanto velocemente o lentamente si verificano i cambiamenti animati sullo schermo.
Ci sono tre opzioni tra cui scegliere: Lento, medio and Veloce.
Se stai usando un modello vecchio, potresti non vedere l'opzione Animazione. Devi cambiare il sito web in un nuovo modello. Per saperne di più
Guarda l'animazione Slide Up dal vivo in azione:
