3 .transformableContainer {
5 -webkit-perspective-origin: 50% 50%;
6 -webkit-perspective: 100;
9 -webkit-transform-origin: 0em 0em 0em;
10 -webkit-transform-style: preserve-3d;
13 -webkit-transform: translate3d(100px, 100px, -25px);
15 .resetTransformOrigin {
16 -webkit-transform-origin: 50% 50% !important;
20 The red div should be covered by the green. If the red is showing, there is
21 an issue with the anchor point.
23 <div class="transformableContainer transformable" style="width: 400px; height: 400px;">
24 <div class="transformable transformed">
25 <div class="content" style="width: 200px; height: 200px; background-color: red;"></div>
29 <div class="transformableContainer resetTransformOrigin" style="width: 400px; height: 400px;">
30 <div class="transformable transformed">
31 <div class="content" style="width: 200px; height: 200px; background-color: green;"></div>