outline-and-3d-transform-1-ref.html (498B)
1 <!DOCTYPE HTML> 2 <title>Testcase for outline around 3-D transform</title> 3 <style> 4 5 html, body { margin: 0; padding: 0; border: none } 6 7 div { 8 width: 100px; 9 height: 100px; 10 } 11 12 body > div { 13 margin-top: 200px; 14 margin-left: 200px; 15 transform-style: flat; 16 position: relative; 17 } 18 19 body > div > div { 20 position: absolute; top: 0; left: 0; 21 height: 150px; width: 150px; top: -25px; left: -25px; 22 background: rgba(255, 255, 0, 0.4); 23 outline: 2px dashed blue; 24 } 25 26 </style> 27 28 <div><div></div></div>