Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>View transitions: main frame and sibling frames transition at the same time (ref)</title>
<link rel="author" href="mailto:khushalsagar@chromium.org">
<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>