Transform Box

Utilities for setting transform box css property.

Class	Properties
transform-box-content	transform-box: content-box;
transform-box-border	transform-box: border-box;
transform-box-fill	transform-box: fill-box;
transform-box-stroke	transform-box: stroke-box;
transform-box-view	transform-box: view-box;

Basic Usage

Use transform-box-border or any of above classes to set the transform box property. See more on transform box from MDN reference

As the reference suggests, a good example for using this property is this codepen.

For example you can use,

<div class="transform-box-fill">
       <!--Some elementes-->
</div>

to add transform-box: fill; style to your element.