small best practice updates that came up in the content tech review

mdn · Apr 12, 2024 · 7e11ad8 · 7e11ad8
1 parent 1dab85c
commit 7e11ad8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/view-transitions/mpa/styles.css b/view-transitions/mpa/styles.css
@@ -36,8 +36,7 @@ p {
 
 /* Customize the default animation behavior */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
     animation-duration: 0.5s;
 }
 

diff --git a/view-transitions/spa/style.css b/view-transitions/spa/style.css
@@ -112,8 +112,7 @@ h1 {
 
 /* View Transitions CSS */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
   animation-duration: 0.5s;
 }
 
@@ -123,8 +122,7 @@ figcaption {
 
 /* Simple final style */
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: 100%;
 }
 
@@ -140,8 +138,7 @@ figcaption {
   to { transform: scaleX(0); }
 }
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: auto;
   right: 0;
   left: auto;