Transcript
In de vorige video hebben we gekeken naar states. Die kan je mooi combineren met transitions. Je ziet dat nu de animatie best wel 'choppy' is. Hij springt van kleur. Met transitions kunnen we dan animeren. Laten we in de code duiken.
- Hier de link van de vorige keer. De transition zet je altijd op het originele element niet op de pseudo class, anders animeerd ie niet terug. Ik kan bijvoorbeeld doen transition color met een duratie en easing. Ik kan de duration bijvoorbeeld langer zetten, bijvoorbeeld 2s. Over het algemeen gebruik je 250ms dat is lang genoeg om te zien maar ook snel en vluchtig.
- Wat helemaal vet is als je transitions combineert met bijvoorbeeld transforms. Dan kan je bijvoorbeeld dingen laten draaien. Dus als ik hier een transform opzet dan gaat ie draaien als ik eroverheen hover. Hoe tof!
Ga er lekker mee klooien, maak eens wat elementen op je eigen webpagina interactief. De sky is the limit. Ga eens helemaal los, het hoeft niet per se mooi of subtiel te zien. Het kan ook helemaal gek.