| <!DOCTYPE html> | |
| <title>View transitions: iframe and main frame transition at the same time with name on iframe (ref)</title> | |
| <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> | |
| <link rel="author" href="mailto:khushalsagar@chromium.org"> | |
| <style> | |
| iframe { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 50vw; | |
| height: 50vh; | |
| border: 1px solid orange; | |
| } | |
| body { | |
| background: green; | |
| } | |
| </style> | |
| <iframe srcdoc=" | |
| <style> | |
| body { | |
| background: blue; | |
| } | |
| </style> | |
| "></iframe> | |