Coordinate Teleport

Medium+30 XP

Mission Briefing

Coordinate shift! Translate Spark 50px to the right and 100px down using the GPU-accelerated transform engine.

The Concept: Translate

transform: translate(x, y) moves the element without affecting the layout flow.

The Objective

  1. Target #spark-1.
  2. Set transform to translate(50px, 100px).

Constraints

    csstransforms
    Live Visual Output
    style.css
    Loading...