JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<div id="parent">parent
    <div id="child"></div>
</div>


<br />
<label></label>

CSS

div#parent {
    -webkit-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    msTransformOrigin: 0 0;
    transform-origin: 0 0;
       
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    msTransform: scale(2);
    transform: scale(2);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=2, M12=0, M21=0, M22=2, DX=0, DY=0, SizingMethod='auto expand');
}
div#child {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px red solid;
}