| <!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> |
| |
| |
