CSS & Styling
Wat zijn CSS animations en keyframes?
Animations laten elementen complexer bewegen met meerdere stadia.
Keyframes
@keyframes definieert animatie stadia. Van (0%) naar (100%) of meerdere percentages.
Animation properties
animation-name: keyframe naam animation-duration: lengte animation-iteration-count: how many times animation-direction: normal, reverse, alternate animation-fill-mode: forwards (blijf in final state)
Code Voorbeelden
CSSSpinning animation✏️ Interactief
✏️CODE AANPASSEN
LIVE PREVIEW
Relevante trefwoorden
animationkeyframes@keyframes