Rotated, scaled and skewed elements
Transformed elements outlined on the shape they are drawn in, with their size and angle.
An element turned, scaled or skewed with CSS (by itself or by a parent) is outlined on the shape it is drawn in, not on the upright box around it. The label gives its own width and height as drawn, and the angle it is turned, for example 200px × 100px · 30°. The same size and angle show at the top of the side panel. Margin, border and padding bands are drawn for ordinary boxes only, and the distances between two elements still measure between the upright boxes that hold them.
Questions
Does Nitpique measure a rotated element's real size?
Yes. It is outlined on the shape it is drawn in, and the label gives its own width and height as drawn and the angle it is turned.
How are distances to a transformed element measured?
Between the upright boxes that hold the two elements.