Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<style>
:root { background: rebeccapurple; }
.target {
width: 200px;
height: 200px;
contain: paint;
view-transition-name: target;
padding: 20px;
}
.child {
width: 100px;
height: 200px;
position: relative;
background: green;
}
</style>
<div class=target>
<div class=child>
</div>
</div>