Attachment 471481 Details for Bug 274404 – More reduced test case

More reduced test case

home-reduced.html (text/html), 547 bytes, created by Tim Nguyen (:ntim) on 2024-05-23 09:53:42 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Tim Nguyen (:ntim)

Created: 2024-05-23 09:53:42 PDT

Size: 547 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
:root {
    view-transition-name: none;
}
div {
    display: inline-block;
    padding-left: 15px;
    background-color: green;
}
span {
    background-color: red;
}

::view-transition-group(*) {
    animation-duration: 30s;
}
::view-transition-image-pair(span) {
    overflow:clip;
}
</style>
</head>
<body>
    <button onclick="document.startViewTransition()">Start transition</button>
    <div>
        <span style="view-transition-name: span">John</span>
    </div>
</body>
</html>

Actions: View

Attachments on bug 274404: 471448 | 471477 | 471481 | 471491