The Border Pyramid

Hard+50 XP

Mission Briefing

A secret technique! You can create triangles by setting width/height to 0 and manipulating border-colors.

The Concept: Triangles

If an element has 0 width/height, and one border is colored while the others are transparent, a triangle is formed.

The Objective

  1. Target the .spark-character.
  2. Set width and height to 0.
  3. Set background to transparent.
  4. Set border-left and border-right to 50px solid transparent.
  5. Set border-bottom to 100px solid yellow.

Constraints

    cssshapes
    Live Visual Output
    style.css
    Loading...