Source code
Revision control
Copy as Markdown
Other Tools
<!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>