@zyzgroup/core-web 0.0.75 → 0.0.78

package/dist/animate_ce.css

@@ -1111,6 +1111,55 @@
   }
 }
 
+@keyframes flipOutRight {
+  to {
+    transform: translateZ(-1000px) rotateY(90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipInLeft {
+  from {
+    transform: translateZ(-1000px) rotateY(-90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipOutLeft {
+  to {
+    transform: translateZ(-1000px) rotateY(-90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipInRight {
+  from {
+    transform: translateZ(-1000px) rotateY(90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipOutTop {
+  to {
+    transform: translateZ(-1000px) rotateX(90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipInBottom {
+  from {
+    transform: translateZ(-1000px) rotateX(-90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipOutBottom {
+  to {
+    transform: translateZ(-1000px) rotateX(-90deg);
+    opacity: 0.2;
+  }
+}
+@keyframes flipInTop {
+  from {
+    transform: translateZ(-1000px) rotateX(90deg);
+    opacity: 0.2;
+  }
+}
+
 @keyframes lightSpeedInLeft {
   from {
     transform: translate3d(-100%, 0, 0) skewX(30deg);
@@ -1312,6 +1361,38 @@
   }
 }
 
+@keyframes rotateFall {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  20% {
+    transform: rotateZ(10deg);
+    animation-timing-function: ease-out;
+  }
+  40% {
+    transform: rotateZ(17deg);
+  }
+  60% {
+    transform: rotateZ(16deg);
+  }
+  100% {
+    transform: translateY(100%) rotateZ(17deg);
+  }
+}
+
+@keyframes rotateOutNewspaper {
+  to {
+    transform: translateZ(-3000px) rotateZ(360deg);
+    opacity: 0;
+  }
+}
+@keyframes rotateInNewspaper {
+  from {
+    transform: translateZ(-3000px) rotateZ(-360deg);
+    opacity: 0;
+  }
+}
+
 @keyframes jackInTheBox {
   from {
     opacity: 0;
@@ -1577,3 +1658,537 @@
     transform: translate3d(0, 100%, 0);
   }
 }
+
+@keyframes rotateRightSideFirst {
+  40% {
+    transform: rotateY(15deg);
+    opacity: 0.8;
+    animation-timing-function: ease-out;
+  }
+  100% {
+    transform: scale(0.8) translateZ(-200px);
+    opacity: 0;
+  }
+}
+@keyframes rotateLeftSideFirst {
+  40% {
+    transform: rotateY(-15deg);
+    opacity: 0.8;
+    animation-timing-function: ease-out;
+  }
+  100% {
+    transform: scale(0.8) translateZ(-200px);
+    opacity: 0;
+  }
+}
+@keyframes rotateTopSideFirst {
+  40% {
+    transform: rotateX(15deg);
+    opacity: 0.8;
+    animation-timing-function: ease-out;
+  }
+  100% {
+    transform: scale(0.8) translateZ(-200px);
+    opacity: 0;
+  }
+}
+@keyframes rotateBottomSideFirst {
+  40% {
+    transform: rotateX(-15deg);
+    opacity: 0.8;
+    animation-timing-function: ease-out;
+  }
+  100% {
+    transform: scale(0.8) translateZ(-200px);
+    opacity: 0;
+  }
+}
+
+@keyframes rotatePushLeft {
+  to {
+    opacity: 0;
+    transform: rotateY(90deg);
+  }
+}
+@keyframes rotatePushRight {
+  to {
+    opacity: 0;
+    transform: rotateY(-90deg);
+  }
+}
+@keyframes rotatePushTop {
+  to {
+    opacity: 0;
+    transform: rotateX(-90deg);
+  }
+}
+@keyframes rotatePushBottom {
+  to {
+    opacity: 0;
+    transform: rotateX(90deg);
+  }
+}
+@keyframes rotatePullRight {
+  from {
+    opacity: 0;
+    transform: rotateY(-90deg);
+  }
+}
+@keyframes rotatePullLeft {
+  from {
+    opacity: 0;
+    transform: rotateY(90deg);
+  }
+}
+@keyframes rotatePullTop {
+  from {
+    opacity: 0;
+    transform: rotateX(-90deg);
+  }
+}
+@keyframes rotatePullBottom {
+  from {
+    opacity: 0;
+    transform: rotateX(90deg);
+  }
+}
+
+@keyframes rotateFoldRight {
+  to {
+    opacity: 0;
+    transform: translateX(100%) rotateY(90deg);
+  }
+}
+@keyframes rotateFoldLeft {
+  to {
+    opacity: 0;
+    transform: translateX(-100%) rotateY(-90deg);
+  }
+}
+@keyframes rotateFoldTop {
+  to {
+    opacity: 0;
+    transform: translateY(-100%) rotateX(90deg);
+  }
+}
+@keyframes rotateFoldBottom {
+  to {
+    opacity: 0;
+    transform: translateY(100%) rotateX(-90deg);
+  }
+}
+@keyframes rotateUnfoldLeft {
+  from {
+    opacity: 0;
+    transform: translateX(-100%) rotateY(-90deg);
+  }
+}
+@keyframes rotateUnfoldRight {
+  from {
+    opacity: 0;
+    transform: translateX(100%) rotateY(90deg);
+  }
+}
+@keyframes rotateUnfoldTop {
+  from {
+    opacity: 0;
+    transform: translateY(-100%) rotateX(90deg);
+  }
+}
+@keyframes rotateUnfoldBottom {
+  from {
+    opacity: 0;
+    transform: translateY(100%) rotateX(-90deg);
+  }
+}
+
+@keyframes moveToLeft {
+  to {
+    transform: translateX(-100%);
+  }
+}
+@keyframes moveFromLeft {
+  from {
+    transform: translateX(-100%);
+  }
+}
+@keyframes moveToRight {
+  to {
+    transform: translateX(100%);
+  }
+}
+@keyframes moveFromRight {
+  from {
+    transform: translateX(100%);
+  }
+}
+@keyframes moveToTop {
+  to {
+    transform: translateY(-100%);
+  }
+}
+@keyframes moveFromTop {
+  from {
+    transform: translateY(-100%);
+  }
+}
+@keyframes moveToBottom {
+  to {
+    transform: translateY(100%);
+  }
+}
+@keyframes moveFromBottom {
+  from {
+    transform: translateY(100%);
+  }
+}
+
+@keyframes fade {
+  to {
+    opacity: 0.3;
+  }
+}
+@keyframes moveToLeftFade {
+  to {
+    opacity: 0.3;
+    transform: translateX(-100%);
+  }
+}
+@keyframes moveFromLeftFade {
+  from {
+    opacity: 0.3;
+    transform: translateX(-100%);
+  }
+}
+@keyframes moveToRightFade {
+  to {
+    opacity: 0.3;
+    transform: translateX(100%);
+  }
+}
+@keyframes moveFromRightFade {
+  from {
+    opacity: 0.3;
+    transform: translateX(100%);
+  }
+}
+@keyframes moveToTopFade {
+  to {
+    opacity: 0.3;
+    transform: translateY(-100%);
+  }
+}
+@keyframes moveFromTopFade {
+  from {
+    opacity: 0.3;
+    transform: translateY(-100%);
+  }
+}
+@keyframes moveToBottomFade {
+  to {
+    opacity: 0.3;
+    transform: translateY(100%);
+  }
+}
+@keyframes moveFromBottomFade {
+  from {
+    opacity: 0.3;
+    transform: translateY(100%);
+  }
+}
+
+@keyframes scaleToSmall {
+  to {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+}
+@keyframes scaleFromSmall {
+  from {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+}
+@keyframes scaleFromLarge {
+  from {
+    opacity: 0;
+    transform: scale(1.2);
+  }
+}
+@keyframes scaleToLarge {
+  to {
+    opacity: 0;
+    transform: scale(1.2);
+  }
+}
+@keyframes scaleToSmallCenter {
+  to {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+}
+@keyframes scaleFromSmallCenter {
+  from {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+}
+
+@keyframes rotateRoomLeftOut {
+  to {
+    opacity: 0.3;
+    transform: translateX(-100%) rotateY(90deg);
+  }
+}
+@keyframes rotateRoomLeftIn {
+  from {
+    opacity: 0.3;
+    transform: translateX(100%) rotateY(-90deg);
+  }
+}
+@keyframes rotateRoomRightOut {
+  to {
+    opacity: 0.3;
+    transform: translateX(100%) rotateY(-90deg);
+  }
+}
+@keyframes rotateRoomRightIn {
+  from {
+    opacity: 0.3;
+    transform: translateX(-100%) rotateY(90deg);
+  }
+}
+@keyframes rotateRoomTopOut {
+  to {
+    opacity: 0.3;
+    transform: translateY(-100%) rotateX(-90deg);
+  }
+}
+@keyframes rotateRoomTopIn {
+  from {
+    opacity: 0.3;
+    transform: translateY(100%) rotateX(90deg);
+  }
+}
+@keyframes rotateRoomBottomOut {
+  to {
+    opacity: 0.3;
+    transform: translateY(100%) rotateX(90deg);
+  }
+}
+@keyframes rotateRoomBottomIn {
+  from {
+    opacity: 0.3;
+    transform: translateY(-100%) rotateX(-90deg);
+  }
+}
+
+@keyframes rotateCubeLeftOut {
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
+  }
+  100% {
+    opacity: 0.3;
+    transform: translateX(-100%) rotateY(-90deg);
+  }
+}
+@keyframes rotateCubeLeftIn {
+  0% {
+    opacity: 0.3;
+    transform: translateX(100%) rotateY(90deg);
+  }
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
+  }
+}
+@keyframes rotateCubeRightOut {
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
+  }
+  100% {
+    opacity: 0.3;
+    transform: translateX(100%) rotateY(90deg);
+  }
+}
+@keyframes rotateCubeRightIn {
+  0% {
+    opacity: 0.3;
+    transform: translateX(-100%) rotateY(-90deg);
+  }
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
+  }
+}
+@keyframes rotateCubeTopOut {
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
+  }
+  100% {
+    opacity: 0.3;
+    transform: translateY(-100%) rotateX(90deg);
+  }
+}
+@keyframes rotateCubeTopIn {
+  0% {
+    opacity: 0.3;
+    transform: translateY(100%) rotateX(-90deg);
+  }
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
+  }
+}
+@keyframes rotateCubeBottomOut {
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
+  }
+  100% {
+    opacity: 0.3;
+    transform: translateY(100%) rotateX(-90deg);
+  }
+}
+@keyframes rotateCubeBottomIn {
+  0% {
+    opacity: 0.3;
+    transform: translateY(-100%) rotateX(90deg);
+  }
+  50% {
+    animation-timing-function: ease-out;
+    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
+  }
+}
+
+@keyframes rotateCarouselLeftOut {
+  to {
+    opacity: 0.3;
+    transform: translateX(-150%) scale(0.4) rotateY(-65deg);
+  }
+}
+@keyframes rotateCarouselLeftIn {
+  from {
+    opacity: 0.3;
+    transform: translateX(200%) scale(0.4) rotateY(65deg);
+  }
+}
+@keyframes rotateCarouselRightOut {
+  to {
+    opacity: 0.3;
+    transform: translateX(200%) scale(0.4) rotateY(65deg);
+  }
+}
+@keyframes rotateCarouselRightIn {
+  from {
+    opacity: 0.3;
+    transform: translateX(-200%) scale(0.4) rotateY(-65deg);
+  }
+}
+@keyframes rotateCarouselTopOut {
+  to {
+    opacity: 0.3;
+    transform: translateY(-200%) scale(0.4) rotateX(65deg);
+  }
+}
+@keyframes rotateCarouselTopIn {
+  from {
+    opacity: 0.3;
+    transform: translateY(200%) scale(0.4) rotateX(-65deg);
+  }
+}
+@keyframes rotateCarouselBottomOut {
+  to {
+    opacity: 0.3;
+    transform: translateY(200%) scale(0.4) rotateX(-65deg);
+  }
+}
+@keyframes rotateCarouselBottomIn {
+  from {
+    opacity: 0.3;
+    transform: translateY(-200%) scale(0.4) rotateX(65deg);
+  }
+}
+
+@keyframes rotateSidesOut {
+  to {
+    opacity: 0;
+    transform: translateZ(-500px) rotateY(90deg);
+  }
+}
+@keyframes rotateSidesIn {
+  from {
+    opacity: 0;
+    transform: translateZ(-500px) rotateY(-90deg);
+  }
+}
+
+@keyframes rotateSlideOut {
+  25% {
+    opacity: 0.5;
+    transform: translateZ(-500px);
+  }
+  75% {
+    opacity: 0.5;
+    transform: translateZ(-500px) translateX(-200%);
+  }
+  100% {
+    opacity: 0.5;
+    transform: translateZ(-500px) translateX(-200%);
+  }
+}
+@keyframes rotateSlideIn {
+  0%,
+  25% {
+    opacity: 0.5;
+    transform: translateZ(-500px) translateX(200%);
+  }
+  75% {
+    opacity: 0.5;
+    transform: translateZ(-500px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateZ(0) translateX(0);
+  }
+}
+
+@keyframes superRainbow {
+  0% {
+    background: red;
+  }
+  20% {
+    background: orange;
+  }
+  40% {
+    background: yellow;
+  }
+  60% {
+    background: green;
+  }
+  80% {
+    background: blue;
+  }
+  100% {
+    background: violet;
+  }
+}
+.superRainbow {
+  background-position: 0 0;
+  background-size: 200% 100%;
+  background-image: linear-gradient(
+    90deg,
+    red,
+    orange,
+    yellow,
+    green,
+    blue,
+    violet
+  );
+}
+.superRainbow:hover {
+  background-position: -100% 100%;
+}