web-component-designer
web-component-designer copied to clipboard
3D Transforms not respected correctly
use following html:
<div style="position:absolute;left:107px;top:191px;width:220px;height:134px;">
<button style="width:80px;height:30px;position:absolute;left:58px;top:50px;">Button</button>
</div>
and css:
button {
transform: translateZ(50px);
}
div {
perspective: 180px;
transform-style: preserve-3d;
}