Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<title>View transitions: computed transform for elements with transform-style:flat ancestors is correct (ref)</title>
<style>
body {
perspective: 1000px;
}
.box {
background: lightblue;
width: 100px;
height: 100px;
transform: rotateY(60deg);
}
.outer {
width: 100px;
height: 100px;
transform: rotateY(60deg);
perspective: 1000px;
}
body { background: lightpink; }
</style>
<div class=outer>
<div class=outer>
<div class=box></div>
</div>
</div>
</html>