Merge 3ef0e69eb4 into 3f8ab233db

Changed opacity change position.
As suggested by Dan Eden, I changed the opacity value change to last longer so is more visually perceived when the element enters and leave.
2024-05-09 17:06:23 +00:00 · 2024-05-09 11:06:16 -06:00
8 changed files with 9 additions and 7 deletions
--- a/source/swoop_entrances/swoopInDown.css
+++ b/source/swoop_entrances/swoopInDown.css
@ -1,5 +1,6 @@
@keyframes swoopInDown {
  from {
+    opacity: 0;
    transform: translate3d(0, 100%, 0) scale3d(1, 1.5, 1);
  }

@ -60,6 +61,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(0, -9.22%, 0) scale3d(1, 1.02, 1);
  }

--- a/source/swoop_entrances/swoopInLeft.css
+++ b/source/swoop_entrances/swoopInLeft.css
@ -9,7 +9,6 @@
  }

  9% {
-    opacity: 1;
    transform: translate3d(-63.78%, 0, 0) scale3d(1.38, 1, 1);
  }

@ -62,6 +61,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(9.22%, 0, 0) scale3d(1.02, 1, 1);
  }

--- a/source/swoop_entrances/swoopInRight.css
+++ b/source/swoop_entrances/swoopInRight.css
@ -9,7 +9,6 @@
  }

  9% {
-    opacity: 1;
    transform: translate3d(63.78%, 0, 0) scale3d(1.38, 1, 1);
  }

@ -62,6 +61,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(-9.22%, 0, 0) scale3d(1.02, 1, 1);
  }

--- a/source/swoop_entrances/swoopInUp.css
+++ b/source/swoop_entrances/swoopInUp.css
@ -9,7 +9,6 @@
  }

  9% {
-    opacity: 1;
    transform: translate3d(0, -63.78%, 0) scale3d(1, 1.38, 1);
  }

@ -62,6 +61,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(0, 9.22%, 0) scale3d(1, 1.02, 1);
  }

--- a/source/swoop_exits/swoopOutDown.css
+++ b/source/swoop_exits/swoopOutDown.css
@ -60,6 +60,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(0, 2.57%, 0) scale3d(1, 1.14, 1);
  }

@ -84,7 +85,6 @@
  }

  91% {
-    opacity: 1;
    transform: translate3d(0, 63.78%, 0) scale3d(1, 1.38, 1);
  }

--- a/source/swoop_exits/swoopOutLeft.css
+++ b/source/swoop_exits/swoopOutLeft.css
@ -60,6 +60,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(-2.57%, 0, 0) scale3d(1.14, 1, 1);
  }

@ -84,7 +85,6 @@
  }

  91% {
-    opacity: 1;
    transform: translate3d(-63.78%, 0, 0) scale3d(1.38, 1, 1);
  }

--- a/source/swoop_exits/swoopOutRight.css
+++ b/source/swoop_exits/swoopOutRight.css
@ -60,6 +60,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(2.57%, 0, 0) scale3d(1.14, 1, 1);
  }

@ -84,7 +85,6 @@
  }

  91% {
-    opacity: 1;
    transform: translate3d(63.78%, 0, 0) scale3d(1.38, 1, 1);
  }

--- a/source/swoop_exits/swoopOutUp.css
+++ b/source/swoop_exits/swoopOutUp.css
@ -60,6 +60,7 @@
  }

  65% {
+    opacity: 1;
    transform: translate3d(0, -2.57%, 0) scale3d(1, 1.14, 1);
  }

@ -84,7 +85,6 @@
  }

  91% {
-    opacity: 1;
    transform: translate3d(0, -63.78%, 0) scale3d(1, 1.38, 1);
  }
Author	SHA1	Message	Date
Emmanuel Ulloa Arguello	f50670e09c	Merge `3ef0e69eb4` into `3f8ab233db`	2024-05-09 17:06:23 +00:00
Emmanuel Ulloa Arguello	3ef0e69eb4	Changed opacity change position. As suggested by Dan Eden, I changed the opacity value change to last longer so is more visually perceived when the element enters and leave.	2024-05-09 11:06:16 -06:00