| <!DOCTYPE html> | |
| <title>View transitions: view-transition-name element, when captured escapes its clips even if it has an abspos child (ref)</title> | |
| <link rel="help" href="https://www.w3.org/TR/css-transitions-1/"> | |
| <link rel="author" href="mailto:[email protected]"> | |
| <style> | |
| #target { | |
| width: 100px; | |
| height: 100px; | |
| background: lightblue; | |
| } | |
| #abspos { | |
| position: absolute; | |
| left: 0; | |
| width: 50px; | |
| height: 50px; | |
| background: pink; | |
| } | |
| body { background: rebeccapurple } | |
| </style> | |
| <div id=target> | |
| <div id=abspos></div> | |
| </div> | |