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
- Target the .spark-character.
- Set width and height to 0.
- Set background to transparent.
- Set border-left and border-right to 50px solid transparent.
- Set border-bottom to 100px solid yellow.
Constraints
cssshapes
Live Visual OutputAuto-Evaluating Target
style.cssCSS Style Injector
Loading...