Verkkosivustoanimaatioita voidaan käyttää visuaalisten tehosteiden lisäämiseen sivun latauksen aikana, kuten häivytys sisään, häivytys ulos, skaalaus alas ja muita. Tämä lisää verkkosivustollesi tyyliä, kun käyttäjä vierittää sivuja.
Voit valita erilaisia animaatiotyylejä verkkosivustosi eri elementeille.
Tässä artikkelissa:
Muokkaa verkkosivuston animaatiota
Animaatiot voivat tehdä verkkosivustosta visuaalisesti mielenkiintoisen ja herättää eloon kaikki verkkosivustolla olevat elementit. Ne luovat käyttäjille mukaansatempaavamman ja mukaansatempaavamman kokemuksen.
- Vuodesta koontinäyttöön. (1) studiossa, napsauta Design (2) jakso.
- Klikkaa animaatio (3) -vaihtoehto.
Täällä näet kaikki käytettävissä olevat asetukset verkkosivustosi elementtien animaatioiden hallintaan ja mukauttamiseen.
- Oletusarvoisesti Liu'uta ylös animaatio otetaan käyttöön koko verkkosivustolla.
- valita Ei eristetty jos haluat poistaa animaatiot käytöstä.
Eri verkkosivuston elementit
Pixpan avulla voit lisätä animaatioita seuraaviin verkkosivustosi elementteihin:
- Kuvat: Lisää kuviisi liikettä herättääksesi kävijöiden huomion.
- Otsikko H1: Käytä animaatioita saadaksesi pääotsikot erottumaan.
- Otsikot H2: Animoi alaotsikoita tai lyhyempiä otsikoita parantaaksesi sisällön sujuvuutta.
- Teksti: Herätä sisältösi eloon animoimalla kappaleita ja kuvauksia.
- Painikkeet: Korosta toimintakehotuspainikkeesi näyttävillä tehosteilla.
Muista painaa julkaista (6) -painiketta kaikkien muutosten tallentamiseksi ja niiden julkaisemiseksi verkkosivustolla.
Animaatiotyylit
- Häivytys – Paljastaa elementtejä vähitellen lisäämällä läpinäkyvyyttä läpinäkymättömästä läpinäkymättömään.
- Liu'uta ylös – Näytön elementtien sujuva liikkuminen alemmasta paikasta ylempään paikkaan.
- Skaalaa ylös – Lisää elementin kokoa tai skaalaa vähitellen.
- Pienennä skaalaa – Pienentää elementin kokoa tai skaalaa vähitellen.
- Paljasta – Näytöllä olevien elementtien vähitellen paljastaminen tai paljastaminen.
valita Ei eristetty poistaaksesi animaation käytöstä kyseiseltä elementiltä.
Animaation nopeus
Nopeus, jolla animaatio siirtyy tilasta toiseen. Se määrittää, kuinka nopeasti tai hitaasti animaatiomuutokset tapahtuvat näytöllä.
Valittavana on kolme vaihtoehtoa: Hidas, Keskitaso ja Nopeasti.
Jos käytät vanhaa mallia, et ehkä näe Animaatio-vaihtoehtoa. Sinun on vaihdettava verkkosivusto uuteen malliin. Tiedä enemmän
Katso Slide Up -animaatio reaaliajassa toiminnassa:
