<!DOCTYPE HTML> <title>Testcase for outline around 3-D transform</title> <style> html, body { margin: 0; padding: 0; border: none } div { width: 100px; height: 100px; } body > div { margin-top: 200px; margin-left: 200px; transform-style: flat; position: relative; } body > div > div { position: absolute; top: 0; left: 0; height: 150px; width: 150px; top: -25px; left: -25px; background: rgba(255, 255, 0, 0.4); outline: 2px dashed blue; } </style> <div><div></div></div>