add Zero-JavaScript View Transitions

inotelab · Jun 12, 2024 · f828838 · f828838
1 parent 5ee9a7c
commit f828838
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -44,4 +44,11 @@ const { title, description, image = "/blog-placeholder-1.avif" } = Astro.props;
 <!-- Preline CSS -->
 <script>
   import "preline/dist/preline.js";
-</script>
+</script>
+
+<!-- view transition -->
+<style>
+  @view-transition {
+    navigation: auto;
+  }
+<style>