added preload for transitions

2025-04-03 19:30:16 -04:00 · 2020-07-04 14:31:41 -04:00 · 2020-07-04 14:31:41 -04:00 · 7d5b7735c7
commit 7d5b7735c7
parent a2fd404592
3 changed files with 24 additions and 13 deletions
--- a/css/style.css
+++ b/css/style.css
@ -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;
@ -548,11 +555,11 @@ footer {
     .toggle {
          display: block;
     }
-     
+
     nav {
          padding-bottom: 20px;
     }
-     
+
     ul {
          width: 100%;
          display: none;
@ -562,22 +569,22 @@ footer {
          display: block;
          text-align: center;
     }
-     
+
     ul a
-     
+
     .navbar-bot {
          margin-bottom: 0px;
     }
-     
+
     ul .navbarLogo {
          display: none;
     }
-     
+
     .active {
          display: block;
     }
-     
+
     #photo-column {
          display: none;
     }
-}
+}
--- a/index.html
+++ b/index.html
@ -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>
--- a/js/main.js
+++ b/js/main.js
@ -3,13 +3,17 @@ $(document).ready(function(){
        $('html, body').animate({
            scrollTop: $("#quote-section").offset().top}, 1250);
    });
-    
+
    $('.quoteToAbout, #toAbout').click(function(){
       $('html, body').animate({
           scrollTop: $("#about-section").offset().top}, 1250);
-    }); 
-     
+    });
+
     $('.menu').click(function() {
          $('ul').toggleClass('active');
     })
-});
+});
+
+$(window).load(function() {
+  $("body").removeClass("preload");
+});