Improve animation of Color Transform

templaza · Aug 19, 2024 · e6f953d · e6f953d
1 parent b5e24fa
commit e6f953d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/assets/vendor/astroid/scss/utilities/_animations.scss b/assets/vendor/astroid/scss/utilities/_animations.scss
@@ -1,3 +1,7 @@
+.as-transition-body {
+	transition: all 300ms;
+}
+
 @-webkit-keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);

diff --git a/js/colortransform.js b/js/colortransform.js
@@ -1,5 +1,8 @@
 (function ($) {
-    window.addEventListener("load", (event) => {
+    $(document).ready(function (){
+        $('body').addClass('as-transition-body');
+    })
+    $(window).on('load', function () {
         window.onscroll = function(ev) {
             if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight * (ASTROID_COLOR_TRANSFORM.offset/100)) {
                 if ($('html').attr('data-bs-theme') === ASTROID_COLOR_TRANSFORM.from) {
@@ -11,5 +14,5 @@
                 }
             }
         };
-    });
+    })
 }(jQuery));
diff --git a/js/colortransform.min.js b/js/colortransform.min.js