Fixes for pepelsbey review comments

mdn · Mar 25, 2024 · 1dab85c · 1dab85c
1 parent 52ca0c6
commit 1dab85c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 19 deletions.
diff --git a/view-transitions/mpa/index.html b/view-transitions/mpa/index.html
@@ -5,7 +5,6 @@
   <meta charset="utf-8">
   <title>Cross-document view transition example: Page 1</title>
   <link rel="stylesheet" href="styles.css">
-  <script defer src="index.js"></script>
 </head>
 
 <body>

diff --git a/view-transitions/mpa/index.js b/view-transitions/mpa/index.js
diff --git a/view-transitions/mpa/page2.html b/view-transitions/mpa/page2.html
@@ -5,7 +5,6 @@
   <meta charset="utf-8">
   <title>Cross-document view transition example: Page 2</title>
   <link rel="stylesheet" href="styles.css">
-  <script defer src="index.js"></script>
 </head>
 
 <body>

diff --git a/view-transitions/mpa/styles.css b/view-transitions/mpa/styles.css
@@ -34,14 +34,14 @@ p {
     navigation: auto;
 }
 
-/* Customize the default animation */
+/* Customize the default animation behavior */
 
-/* ::view-transition-old(root),
+::view-transition-old(root),
 ::view-transition-new(root) {
     animation-duration: 0.5s;
-} */
+}
 
-/* create a new animation */
+/* Create a custom animation */
 
 @keyframes move-out {
     from {
@@ -63,6 +63,8 @@ p {
     }
 }
 
+/* Apply the custom animation to the old and new page states */
+
 ::view-transition-old(root) {
     animation: 0.4s ease-in both move-out;