CSS-animasjon, transforms og transitions
Introduksjonsvideo
68 følgere
- 80 avspillinger
- 1t 22m
- 21 leksjoner
Ønsker du å lære hvordan du kan gjøre nettsider mer dynamiske og spennende? I dette kurset vil du oppdage hvordan du kan bruke CSS-animasjoner for å få HTML-elementer til å bevege seg og endre utseende. Gjennom lettforståelige leksjoner vil du lære alt om CSS-transitions og transforms, og hvordan disse kan brukes til å skape levende nettsider.
Espen Faugstad vil guide deg gjennom bruk av ulike CSS-egenskaper som transition-duration, transition-property, transition-delay, og transition-timing. Du vil også lære om forskjellige transformasjoner som rotate, skew, scale, og translate, samt hvordan du kan bruke perspektiv for å gi dybde til animasjonene dine. Dette kurset gir deg en komplett innføring i css-animasjon, slik at du raskt kan komme i gang.
Kurset er perfekt for alle som vil forstå hvordan CSS kan forvandle statiske nettsider til dynamiske opplevelser. Enten du er nybegynner eller har litt erfaring med webdesign, vil du finne verdifulle tips og teknikker som kan forbedre dine ferdigheter. Bli med og oppdag hvor morsomt og enkelt det kan være å animere med CSS!
Ferdigheter du vil oppnå
Bruke CSS-animasjoner for dynamiske nettsider.
Kontrollere animasjoner med transition-property.
Implementere CSS-transitions for jevne overganger.
Forsinke animasjoner med transition-delay.
Forstå og bruke transition-duration effektivt.
Styre animasjonshastighet med transition-timing.
Skape dype og realistiske animasjoner.
Utføre 2D-transformasjoner som rotate, skew og scale.
Kombinere ulike CSS-egenskaper for avanserte effekter.
Utføre 3D-transformasjoner med perspektiv og dybde.
Optimalisere nettsider med levende CSS-effekter.
Anvende translate for flytting av HTML-elementer.
Kursmateriell
Last ned kursmateriell(kun for premium- og teamabonnementer)