0Pricing
Sveltejs Academy · Lesson

CSS vs JS Transitions

Choose between CSS keyframe transitions and JavaScript tick functions.

Two Modes

Custom transitions return either a css function (GPU) or a tick function (JS-driven per frame).

When to Use CSS

For transform, opacity, color — anything CSS can animate. CSS runs on the compositor for 60fps.

All lessons in this course

  1. Writing a Custom Transition Function
  2. Transition Parameters: node duration delay
  3. Creating a morphing Transition
  4. CSS vs JS Transitions
← Back to Sveltejs Academy