Animation and Vue.js
summary
Covers concrete techniques: Vue's transition component and transition-group, when to use v-show vs v-if, and the performance rule that only transforms and opacity animate at 60fps. Shows CSS transitions (0.3s easings) and CSS keyframe tricks (0.7s, mid-keyframe opacity), GSAP timelines for staggered sequences and object-property tweens, the appear hook, the move class for smooth list reflow, and an accessibility warning about overuse affecting people with ADHD or vestibular disorders.
AI-written summary · about
chapters (10)
- 0:00Intro
- 2:28Menu
- 7:40CSS Animation
- 10:40Performance
- 14:10Animations
- 26:20SVGs
- 29:11State transitions
- 29:47State changes
- 30:07Button animation
- 30:38Summary
