forked from mirrors/gecko-dev
d7bcef8613
Automatic update from web-platform-tests VT: Make view-transition-name be a grouping property with a stacking context This patch makes view-transition-name non-none property value be a grouping value and it also makes sure it generates a stacking context R=khushalsagar@chromium.org, bokan@chromium.org Change-Id: I71908520bf5e514729224c669e3a271b450ac00a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4179643 Reviewed-by: Khushal Sagar <khushalsagar@chromium.org> Commit-Queue: Vladimir Levin <vmpstr@chromium.org> Reviewed-by: David Bokan <bokan@chromium.org> Cr-Commit-Position: refs/heads/main@{#1094607} -- wpt-commits: 0aa89372eca9b2cc7b8e48e8484f8beac81ca6f0 wpt-pr: 38066
35 lines
724 B
HTML
35 lines
724 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<title>View transitions: view-transition-name non-none value is a grouping value</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/">
|
|
<link rel="author" href="mailto:vmpstr@chromium.org">
|
|
<link rel="match" href="view-transition-name-is-grouping-ref.html">
|
|
|
|
<style>
|
|
.parent {
|
|
top: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
position: absolute;
|
|
background: red;
|
|
transform-style: preserve-3d;
|
|
view-transition-name: target;
|
|
}
|
|
|
|
.child {
|
|
background: green;
|
|
width: 100px;
|
|
height: 100px;
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
transform: translateZ(-500px);
|
|
}
|
|
|
|
body {
|
|
perspective: 1000px;
|
|
height: 500px;
|
|
}
|
|
</style>
|
|
|
|
<div class=parent><div class=child></div></div>
|