Disable animations during page load
parent
283624706e
commit
210b590544
|
@ -6,8 +6,13 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>availabili.tf</title>
|
<title>availabili.tf</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="preload">
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<script type="module" src="/src/main.ts"></script>
|
<script type="module" src="/src/main.ts"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
<script>
|
||||||
|
window.addEventListener("load", () => {
|
||||||
|
document.body.classList.remove("preload");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
|
@ -90,3 +90,10 @@ body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.preload * {
|
||||||
|
-webkit-transition: none !important;
|
||||||
|
-moz-transition: none !important;
|
||||||
|
-ms-transition: none !important;
|
||||||
|
-o-transition: none !important;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue