diff --git a/static/sexy.css b/static/sexy.css
index 36619c3..3eded6a 100644
--- a/static/sexy.css
+++ b/static/sexy.css
@@ -423,3 +423,10 @@ body.about-enable > *:not(#about) {
 	transition: 1s;
 	filter: blur(25px);
 }
+
+.preload * {
+	-webkit-transition: none !important;
+	-moz-transition: none !important;
+	-ms-transition: none !important;
+	-o-transition: none !important;
+   }
diff --git a/templates/index.html b/templates/index.html
index ab40f19..9b939e0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,8 +3,13 @@
     <head>
         <title>crux.sexy</title>
         <link rel="stylesheet" type="text/css" href="sexy.css">
+        <script>
+            document.addEventListener("DOMContentLoaded", function(){
+                document.querySelector(".preload").classList.remove("preload");
+            });
+        </script>
     </head>
-    <body class={{"nightly" if nightly else ""}}>
+    <body class={{"nightly preload" if nightly else "preload"}}>
         <div class="title">
             {{"unstable builds!" if nightly else ""}}
         </div>
