diff --git a/templates/create.tmpl b/templates/create.tmpl
index 95447c1..0f80bef 100644
--- a/templates/create.tmpl
+++ b/templates/create.tmpl
@@ -6,6 +6,15 @@
     <link href="/assets/bootstrap.min.css" rel="stylesheet">
     <title>{{ .title }}</title>
     <style>
+        @view-transition {
+            navigation: auto;
+        }
+        #Description {
+            view-transition-name: description;
+        }
+        #Start {
+            view-transition-name: when;
+        }
         .container {
          	margin-top: 20px;
             max-width: 600px; /* Sets a maximum width for the container */
diff --git a/templates/event.tmpl b/templates/event.tmpl
index 267502c..22ab02e 100644
--- a/templates/event.tmpl
+++ b/templates/event.tmpl
@@ -14,6 +14,15 @@
     <link href="/assets/nice-forms.css" rel="stylesheet">
     <title>{{ .title }}</title>
     <style>
+        @view-transition {
+            navigation: auto;
+        }
+        #Description {
+            view-transition-name: description;
+        }
+        #When {
+            view-transition-name: when;
+        }
         .form-label {
             margin-right: 10px;
             white-space: nowrap; /* Prevents label from wrapping */
@@ -84,8 +93,8 @@
 <body>
     <div class="section-group">
         <div class="section-primary">
-            <h1>{{.event.Description}}</h1>
-            <p><script>document.write(new Date("{{.event.PrettyStart}}").toLocaleDateString('en-US', {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: '2-digit'}));</script></p>
+            <h1 id="Description">{{.event.Description}}</h1>
+            <p id="When"><script>document.write(new Date("{{.event.PrettyStart}}").toLocaleDateString('en-US', {weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: '2-digit'}));</script></p>
             <form action="/rsvp" method="post" class="form">
                 <fieldset class="nice-form-group">
                     <legend>{{ .rsvpHeader }}</legend>
