Smooth Transitions

Medium+40 XP

Mission Briefing

Spark is jumping too abruptly. Synthesize a movement buffer so all visual changes happen over 0.5 seconds.

The Concept: Transition

transition: property duration timing-function; animates property changes over time.

The Objective

  1. Target .spark-character.
  2. Set transition to all 0.5s.

Constraints

    csstransitions
    Live Visual Output
    style.css
    Loading...