CSS Animations Level 1
w3.org · 6,776 words · saved by 1 readers
Copyright © 2018 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and permissive document license rules apply.
1. Introduction This section is not normative CSS Transitions [CSS3-TRANSITIONS] provide a way to interpolate CSS property values when they change as a result of underlying property changes. This provides an easy way to do simple animation, but the start and end states of the animation are controlled by the existing property values, and transitions provide little control to the author on how the animation progresses. This proposal introduces defined animations, in which the author can specify the changes in CSS properties over time as a set of keyframes. Animations are similar to…
related reading
- Transitionsanimations.dev
- CSS Basic User Interface Module Level 3 (CSS3 UI)drafts.csswg.org
- Anime.js | JavaScript Animation Engineanimejs.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- animations.devanimations.dev
- Inside Framer's Magic Motionnan.fyi
- An Interactive Guide to CSS Transitions • Josh W. Comeaujoshwcomeau.com
- Interactive SVG Animationssvg.guide
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- will-change in CSSjakub.kr
- On UI Animations - Shu Dingshud.in