added preload for transitions

This commit is contained in:
Rushil Umaretiya 2020-07-04 14:31:41 -04:00
parent a2fd404592
commit 7d5b7735c7
3 changed files with 24 additions and 13 deletions

View File

@ -27,6 +27,13 @@ html {
height: 100%;
}
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
body {
cursor: default;
overflow-x: hidden;

View File

@ -16,7 +16,7 @@
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<body class="preload">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script src="js/main.js"></script>

View File

@ -13,3 +13,7 @@ $(document).ready(function(){
$('ul').toggleClass('active');
})
});
$(window).load(function() {
$("body").removeClass("preload");
});