Slant with skew
Level 6 of 9Your goal
Skew the 100 × 100 box 30° along the x axis with skewX. Its bounding box widens to about 158px, and its height stays 100px.
Must use
transformNot allowed
widthheightmarginpositioninsettarget content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.