Nettstedsanimasjoner kan brukes til å legge til visuelle effekter mens siden lastes inn, som fade-in, fade-out, skaler ned og andre. Dette vil gi nettstedet ditt et preg når brukeren blar gjennom sidene.
Du kan velge forskjellige animasjonsstiler for forskjellige elementer på nettstedet ditt.
I denne artikkelen:
Rediger nettstedsanimasjon
Animasjoner kan gjøre et nettsted visuelt interessant og gi liv til alle elementene som finnes på nettstedet. De skaper en mer engasjerende og altoppslukende opplevelse for brukerne.
- Klikk på animasjon (3) alternativet.
Her ser du alle tilgjengelige innstillinger for å administrere og tilpasse animasjoner for elementene på nettstedet ditt.
- Som standard Skli opp animasjon vil bli brukt på hele nettsiden.
- Velg none hvis du vil deaktivere animasjonene.
Ulike nettstedselementer
Pixpa lar deg bruke animasjoner på følgende elementer på nettstedet ditt:
- Bilder: Legg til bevegelse i bildene dine for å fange de besøkendes oppmerksomhet.
- Overskrift H1: Bruk animasjoner for å få hovedoverskriftene til å skille seg ut.
- Overskrifter H2: Animer underoverskrifter eller mindre titler for å forbedre flyten i innholdet ditt.
- tekst: Gi liv til innholdet ditt ved å animere avsnitt og beskrivelser.
- Knapper: Fremhev handlingsfremmende knapper med iøynefallende effekter.
Sørg for å treffe Publiser (6)-knappen for å lagre alle endringene og legge dem ut på nettsiden.
Animasjonsstiler
- Fade inn – Avslører gradvis elementer ved å øke opasiteten fra gjennomsiktig til ugjennomsiktig.
- Skyv opp – Jevn bevegelse av elementer på skjermen fra en lavere posisjon til en høyere posisjon.
- Skaler opp – Øker gradvis størrelsen eller skalaen til et element.
- Skaler ned – Reduserer gradvis størrelsen eller skalaen til et element.
- Avslør – Gradvis avdekking eller avsløring av elementene på skjermen.
Velg none for å deaktivere animasjonen for det bestemte elementet.
Animasjonshastighet
Hastigheten som en animasjon går fra én tilstand til en annen med. Den bestemmer hvor raskt eller sakte de animerte endringene skjer på skjermen.
Det er tre alternativer å velge mellom: Sakte, Middels og Rask.
Hvis du bruker en gammel mal, kan det hende du ikke ser animasjonsalternativet. Du må bytte til en ny mal for nettstedet. Vite mer
Sjekk ut Slide Up-animasjonen live i aksjon:
