compute-common.css (1039B)
1 ::view-transition, 2 ::view-transition-group(*), 3 div { 4 background: red; 5 inset: 0; 6 position: absolute; 7 transform: none !important; 8 } 9 10 html.no-match::view-transition { 11 background: green; 12 } 13 14 .green { 15 view-transition-name: green; 16 } 17 18 .test { 19 view-transition-name: test; 20 } 21 22 .green-ref { 23 view-transition-group: green; 24 } 25 26 .red { 27 view-transition-name: red; 28 } 29 30 .test-ref { 31 view-transition-group: test; 32 } 33 34 .red-ref { 35 view-transition-group: red; 36 } 37 38 .nearest-ref { 39 view-transition-group: nearest; 40 } 41 42 .normal { 43 view-transition-name: normal; 44 } 45 46 .normal-ref { 47 view-transition-group: normal; 48 } 49 50 .contain-ref { 51 view-transition-group: contain; 52 } 53 54 ::view-transition-group(*) { 55 animation-play-state: paused; 56 } 57 ::view-transition-group(green) { 58 background: green; 59 } 60 ::view-transition-group-children(*) { 61 background: inherit; 62 } 63 ::view-transition-group(test) { 64 background: inherit; 65 } 66 ::view-transition-image-pair(*), 67 ::view-transition-old(*), 68 ::view-transition-new(*) 69 { 70 display: none; 71 }