The idea
transform: skewX(angle) shears the element along an axis, turning a rectangle into a parallelogram. The top edge slides sideways while the left edge stays put, so the bounding box widens. Skew the box 30°.
Resizing is off-limits: the extra width must come from the shear, not from a wider box.