<!DOCTYPE html> <!-- webkit-test-runner [ LayerBasedSVGEngineEnabled=true ] -->
<html>
<head>
<!-- FIXME: Small AA differences, probably due to off-device-pixel-alignment issues -->
<meta name="fuzzy" content="maxDifference=0-47; totalPixels=0-295" />
<style>
    html, body {
        margin: 0;
        padding: 0;
    }
    svg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 200px;
        height: 200px;
        overflow: hidden;
        background-color: lightgray;
        overflow: hidden;
    }
    g {
        transform: perspective(200px) rotateX(15deg) rotateZ(15deg);
    }
</style>
</head>
<body>
    <svg>
        <g>
            <rect x="100" y="50" width="100" height="100" fill="green"/>
        </g>
    </svg>
</body>
</html>
