diff --git a/themes/secluded/layouts/_default/list.html b/themes/secluded/layouts/_default/list.html
index d292d0b78af035f1d3ae12d17c1c128827bb9ebd..97281271257b5232e0e51c11b3e2a0ed8c117b4f 100644
--- a/themes/secluded/layouts/_default/list.html
+++ b/themes/secluded/layouts/_default/list.html
@@ -30,7 +30,7 @@
             {{- else }}
             <li class="posts-item">
                 <a href="{{.Permalink}}">
-                    <span class="posts-title">{{.Title}}</span>
+                    <span class="posts-title" style="view-transition-name: post-{{ .Title | urlize }}">{{.Title}}</span>
                     <span class="posts-day">{{ if .Site.Params.dateformShort }}{{ .Date.Format .Site.Params.dateformShort }}{{ else }}{{ .Date.Format "Jan 02"}}{{ end }}</span>
                 </a>
                 <p>{{ .Summary | truncate 140 }}</p>
diff --git a/themes/secluded/layouts/_default/single.html b/themes/secluded/layouts/_default/single.html
index 04a7a13bad6cb796384df6d24af1cf6a3a258108..82757aeff34f04d41c66dace6ae5ed5e3bb01837 100644
--- a/themes/secluded/layouts/_default/single.html
+++ b/themes/secluded/layouts/_default/single.html
@@ -2,7 +2,7 @@
 <div class="wrapper">
     <article>
         <div class="frontmatter">
-            <h1 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
+            <h1 class="post-title" style="view-transition-name: post-{{ .Title | urlize }}"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
             <p><strong>Reading Time:</strong> {{ .ReadingTime }} minutes | <strong>Published:</strong> {{ dateFormat "2006-01-02" .Date }} | <strong>Last Edited:</strong> {{ dateFormat "2006-01-02" .Lastmod }}</a></p>
             <p><strong>Download this post as:</strong> <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.pdf">PDF,</a> <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.epub">EPUB,</a> or <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.txt">plaintext</a></p>
             {{- if .Params.rss_only }}
diff --git a/themes/secluded/layouts/partials/head.html b/themes/secluded/layouts/partials/head.html
index 4f475c649f50dc69752d08c0ae7ca556c7a01704..769f86ea289de8205687ba625582cbd1849d3040 100644
--- a/themes/secluded/layouts/partials/head.html
+++ b/themes/secluded/layouts/partials/head.html
@@ -19,6 +19,9 @@
     <link rel="pgpkey" href="/{{ $.Site.Params.contact.pgp }}">
     <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett{{ range .Site.Params.clacks }}, {{ . }}{{end}}" />
 
+    <!-- Enable fancy transitions -->
+    <meta name="view-transition" content="same-origin" />
+
     <!-- Social: Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="{{ if .IsHome }}{{ $.Site.Title }}{{ with $.Site.Params.Subtitle }} — {{ . }}{{ end }}{{ else }}{{ .Title }}{{ with $.Site.Params.Subtitle }} — {{ . }}{{ end }}{{ end }}" />