<!DOCTYPE html> <html lang="en-US" reftest-zoom="1.0"> <head> <title>Testcase, bug 1157984</title> <meta charset=UTF-8> <style type="text/css"> #outer { position:absolute; width: 60px; height: 60px; perspective-origin: 300px 300px; perspective: 300px; overflow: hidden; } #inner { position:absolute; background-color: green; width: 600px; height: 600px; transform-origin: 300px 300px 0px; transform: translateZ(300px) rotateY(-2rad) translateZ(300px); } </style> </head> <body> <div id="outer"> <div id="inner"></div> </div> </body> </html>