Browse Source

Try to fix the transition-on-load problem again

master
Fen Dweller 5 years ago
parent
commit
f5c29bcc4f
2 changed files with 13 additions and 1 deletions
  1. +7
    -0
      static/sexy.css
  2. +6
    -1
      templates/index.html

+ 7
- 0
static/sexy.css View File

@@ -423,3 +423,10 @@ body.about-enable > *:not(#about) {
transition: 1s; transition: 1s;
filter: blur(25px); filter: blur(25px);
} }

.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}

+ 6
- 1
templates/index.html View File

@@ -3,8 +3,13 @@
<head> <head>
<title>crux.sexy</title> <title>crux.sexy</title>
<link rel="stylesheet" type="text/css" href="sexy.css"> <link rel="stylesheet" type="text/css" href="sexy.css">
<script>
document.addEventListener("DOMContentLoaded", function(){
document.querySelector(".preload").classList.remove("preload");
});
</script>
</head> </head>
<body class={{"nightly" if nightly else ""}}>
<body class={{"nightly preload" if nightly else "preload"}}>
<div class="title"> <div class="title">
{{"unstable builds!" if nightly else ""}} {{"unstable builds!" if nightly else ""}}
</div> </div>


Loading…
Cancel
Save