terug naar cursusinformatie

Hoe werkt de ‘animation’

Uit de cursus: Vormgeven met CSS3

Introductie CSS3

Algemene cursusinformatie
CSS3 en browserverschillen oplossen met prefix

Borders

CSS3 – Border-radius, hoekafronding
CSS3 – Border-shadow, slagschaduw naar binnen of buiten
CSS3 – Multiple Border-Shadow
CSS3 – Border-image, randdecoratie
CSS3 – Border-image maken in Adobe Illustrator
CSS3 – Eigen patroon toepassen als Border-Image

CSS2 – Backgrounds

CSS2 – Background-color, -image en -repeat 
CSS2 – Background-color, -image en -repeat 
CSS2 – Background-position
CSS2 – Achtergrondafbeelding voor teksten

CSS3 – Backgrounds

CSS3 – Background-size, formaat bepalen
CSS3 – Background-size, cover & contain
CSS3 – Background-attachment, fixed & scroll
CSS3 – Background-origin, en background-clip
CSS3 – Multiple backgrounds
CSS3 – Shorthand notation voor achtergrondafbeelding
CSS3 – Shorthand notation voor multipe backgrounds

CSS3 – Gradients

CSS3 – Gradients, verlopen maken en toepassen
CSS3 – Transparante verlopen maken
CSS3 – Herhalend radiaal verloop maken
CSS3 – Online Gradient Generator

Text Effects

CSS3 – Text-shadow 
CSS3 – Text-shadow, online generator
CSS3 – Wordwrap

2D Transformations

CSS3 – 2D Transform – Rotate
CSS3 – 2D Transform – Skew & Scale
CSS3 – 2D Transform – Origin
CSS3 – 2D Transform – Translate
CSS3 – 2D Transform – Matrix

2D Transitions

Pseudo-classes gebruiken voor transitions
CSS3 – Transition-property & -duration
CSS3 – Transition-timing-function & -delay
CSS3 – Transition-timing-function:cubic-bezier
CSS3 – Bouncing-effect met translate & cubic-bezier
CSS3 – Bouncing-effect met position & cubic-bezier
Collage animatie met transition en transform
CSS3 – Transition prefixes en online generators

Animations

Hoe werkt de ‘animation’
CSS3 – Animation toepassen met “from” en “to”
CSS3 – Animation met ‘position’ & ‘scale’
CSS3 – Animation met ‘cubic-bezier’
CSS3 – Animation met ‘iteration-count’ & ‘direction’
CSS3 – Keyframe Animations, procenten 0%-100%
Browserondersteuning van CSS Controleren op Can I Use
CSS – Prefixes schrijven

Cheatsheets & Online Generators

Cheatsheet gebruiken
Extern animatie stijlblad maken, koppelen & toepassen
Online animation-generators 
Vormgeven met CSS3
€ 49

Leer het uiterlijk van je website vormgeven en aanpassen met behulp van CSS3.
Webdesigner
€ 175

Leer websites bouwen met behulp van HTML, CSS, en Joomla of Wordpress!

Neem een “All you can learn” lidmaatschap en krijg toegang tot deze en nog veel meer cursussen!

Ga naar de lidmaatschappen