Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<title>Nested View Transitions: rotated container</title>
<link rel="author" href="mailto:vmpstr@chromium.org">
<style>
:root { background: pink }
#target {
width: 100px;
height: 100px;
position: absolute;
left: 50px;
top: 50px;
background: lightblue;
transform: translateX(100px) rotate(45deg);
will-change: transform;
}
#item {
width: 50px;
height: 50px;
background: blue;
}
</style>
<div id=target>
<div id=item></div>
</div>