36 lines
629 B
HTML
36 lines
629 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
|
|
body { margin: 20px }
|
|
#scope {
|
|
position: relative; z-index: 0; background: pink;
|
|
border: 5px dashed purple; padding: 5px;
|
|
width: 180px; height: 120px;
|
|
}
|
|
#part {
|
|
position: relative; z-index: 0; background: lightgrey;
|
|
border: 5px solid blue; padding: 5px;
|
|
width: 120px; height: 60px;
|
|
left: 20px; top: 20px;
|
|
view-transition-name: foo;
|
|
}
|
|
|
|
#scope-client-area {
|
|
position: absolute; inset: 0; padding: 5px;
|
|
background: yellow;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id=scope>
|
|
<div id=scope-client-area>
|
|
<div id=part>
|
|
PARTICIPANT
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|