<!DOCTYPE html>
<title>View transitions: main frame and sibling frames transition at the same time (ref)</title>
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
<link rel="author" href="mailto:[email protected]">
<style>
body {
background: green;
}
#first {
position: fixed;
top: 0;
left: 0;
width: 50vw;
height: 50vh;
}
#second {
position: fixed;
top: 50vh;
left: 0;
width: 50vw;
height: 50vh;
}
</style>
<iframe id="first" srcdoc="
<style>
body {
background: lightblue;
}
</style>
<body></body>"></iframe>
<iframe id="second" srcdoc="
<style>
body {
background: magenta;
}
</style>
<body></body>"></iframe>