Pivot Point Shift

Medium+35 XP

Mission Briefing

Rotate Spark, but not from the center. Pivot Spark from the top-left corner instead.

The Concept: Origin

transform-origin defines the point around which a rotation or scale happens.

The Objective

  1. Target #spark-1.
  2. Set transform-origin to top left.
  3. Set transform to rotate(45deg).

Constraints

    csstransforms
    Live Visual Output
    style.css
    Loading...