diff --git a/templates/.stylelintrc.json b/templates/.stylelintrc.json
index 47f6ce16826..5902a160d78 100644
--- a/templates/.stylelintrc.json
+++ b/templates/.stylelintrc.json
@@ -11,6 +11,12 @@
       "ignoreFontFamilies": [
         "bootstrap-icons"
       ]
+    }],
+    "property-no-unknown": [ true, {
+      "ignoreProperties": [ "navigation" ]
+    }],
+    "scss/at-rule-no-unknown": [ true, {
+      "ignoreAtRules": [ "view-transition" ]
     }]
   }
 }
diff --git a/templates/modern/src/docfx.scss b/templates/modern/src/docfx.scss
index 38f2fe41e38..17a001ce4ac 100644
--- a/templates/modern/src/docfx.scss
+++ b/templates/modern/src/docfx.scss
@@ -97,3 +97,13 @@ article {
     }
   }
 }
+
+@view-transition {
+   navigation: auto;
+}
+
+@media (prefers-reduced-motion) {
+  @view-transition {
+    navigation: none;
+  }
+}