@douyinfe/semi-animation-styled 2.1.0 → 2.1.4

package/lib/es/src/flippers/flip.css

@@ -1,37 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flip {
-    from {
-        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-        animation-timing-function: ease-out;
-    }
-
-    40% {
-        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-        animation-timing-function: ease-out;
-    }
-
-    50% {
-        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-        animation-timing-function: ease-in;
-    }
-
-    80% {
-        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-        animation-timing-function: ease-in;
-    }
-
-    to {
-        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-        animation-timing-function: ease-in;
-    }
-}
-
-.semi-animated.semi-flip {
-    backface-visibility: visible;
-    animation-name: semi-flip;
-}
-

package/lib/es/src/flippers/flipInX.css

@@ -1,36 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flipInX {
-    from {
-        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-        animation-timing-function: ease-in;
-        opacity: 0;
-    }
-
-    40% {
-        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-        animation-timing-function: ease-in;
-    }
-
-    60% {
-        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-        opacity: 1;
-    }
-
-    80% {
-        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-    }
-
-    to {
-        transform: perspective(400px);
-    }
-}
-
-.semi-flipInX {
-    backface-visibility: visible !important;
-    animation-name: semi-flipInX;
-}
-

package/lib/es/src/flippers/flipInY.css

@@ -1,36 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flipInY {
-    from {
-        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-        animation-timing-function: ease-in;
-        opacity: 0;
-    }
-
-    40% {
-        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-        animation-timing-function: ease-in;
-    }
-
-    60% {
-        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-        opacity: 1;
-    }
-
-    80% {
-        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-    }
-
-    to {
-        transform: perspective(400px);
-    }
-}
-
-.semi-flipInY {
-    backface-visibility: visible !important;
-    animation-name: semi-flipInY;
-}
-

package/lib/es/src/flippers/flipOutX.css

@@ -1,27 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flipOutX {
-    from {
-        transform: perspective(400px);
-    }
-
-    30% {
-        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-        opacity: 1;
-    }
-
-    to {
-        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-        opacity: 0;
-    }
-}
-
-.semi-flipOutX {
-    animation-duration: .75s;
-    animation-name: semi-flipOutX;
-    backface-visibility: visible !important;
-}
-

package/lib/es/src/flippers/flipOutY.css

@@ -1,27 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-flipOutY {
-    from {
-        transform: perspective(400px);
-    }
-
-    30% {
-        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-        opacity: 1;
-    }
-
-    to {
-        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-        opacity: 0;
-    }
-}
-
-.semi-flipOutY {
-    animation-duration: .75s;
-    backface-visibility: visible !important;
-    animation-name: semi-flipOutY;
-}
-

package/lib/es/src/index.css

@@ -1,99 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@import './_base.css';
-
-@import './attention_seekers/bounce.css';
-@import './attention_seekers/flash.css';
-@import './attention_seekers/headShake.css';
-@import './attention_seekers/heartBeat.css';
-@import './attention_seekers/jello.css';
-@import './attention_seekers/pulse.css';
-@import './attention_seekers/rubberBand.css';
-@import './attention_seekers/shake.css';
-@import './attention_seekers/swing.css';
-@import './attention_seekers/tada.css';
-@import './attention_seekers/wobble.css';
-
-@import './bouncing_entrances/bounceIn.css';
-@import './bouncing_entrances/bounceInDown.css';
-@import './bouncing_entrances/bounceInLeft.css';
-@import './bouncing_entrances/bounceInRight.css';
-@import './bouncing_entrances/bounceInUp.css';
-
-@import './bouncing_exits/bounceOut.css';
-@import './bouncing_exits/bounceOutDown.css';
-@import './bouncing_exits/bounceOutLeft.css';
-@import './bouncing_exits/bounceOutRight.css';
-@import './bouncing_exits/bounceOutUp.css';
-
-@import './fading_entrances/fadeIn.css';
-@import './fading_entrances/fadeInDown.css';
-@import './fading_entrances/fadeInDownBig.css';
-@import './fading_entrances/fadeInLeft.css';
-@import './fading_entrances/fadeInLeftBig.css';
-@import './fading_entrances/fadeInRight.css';
-@import './fading_entrances/fadeInRightBig.css';
-@import './fading_entrances/fadeInUp.css';
-@import './fading_entrances/fadeInUpBig.css';
-
-@import './fading_exits/fadeOut.css';
-@import './fading_exits/fadeOutDown.css';
-@import './fading_exits/fadeOutDownBig.css';
-@import './fading_exits/fadeOutLeft.css';
-@import './fading_exits/fadeOutLeftBig.css';
-@import './fading_exits/fadeOutRight.css';
-@import './fading_exits/fadeOutRightBig.css';
-@import './fading_exits/fadeOutUp.css';
-@import './fading_exits/fadeOutUpBig.css';
-
-@import './flippers/flip.css';
-@import './flippers/flipInX.css';
-@import './flippers/flipInY.css';
-@import './flippers/flipOutX.css';
-@import './flippers/flipOutY.css';
-
-@import './lightspeed/lightSpeedIn.css';
-@import './lightspeed/lightSpeedOut.css';
-
-@import './rotating_entrances/rotateIn.css';
-@import './rotating_entrances/rotateInDownLeft.css';
-@import './rotating_entrances/rotateInDownRight.css';
-@import './rotating_entrances/rotateInUpLeft.css';
-@import './rotating_entrances/rotateInUpRight.css';
-
-@import './rotating_exits/rotateOut.css';
-@import './rotating_exits/rotateOutDownLeft.css';
-@import './rotating_exits/rotateOutDownRight.css';
-@import './rotating_exits/rotateOutUpLeft.css';
-@import './rotating_exits/rotateOutUpRight.css';
-
-@import './sliding_entrances/slideInDown.css';
-@import './sliding_entrances/slideInLeft.css';
-@import './sliding_entrances/slideInRight.css';
-@import './sliding_entrances/slideInUp.css';
-
-@import './sliding_exits/slideOutDown.css';
-@import './sliding_exits/slideOutLeft.css';
-@import './sliding_exits/slideOutRight.css';
-@import './sliding_exits/slideOutUp.css';
-
-@import './specials/hinge.css';
-@import './specials/jackInTheBox.css';
-@import './specials/rollIn.css';
-@import './specials/rollOut.css';
-
-@import './zooming_entrances/zoomIn.css';
-@import './zooming_entrances/zoomInDown.css';
-@import './zooming_entrances/zoomInLeft.css';
-@import './zooming_entrances/zoomInRight.css';
-@import './zooming_entrances/zoomInUp.css';
-
-@import './zooming_exits/zoomOut.css';
-@import './zooming_exits/zoomOutDown.css';
-@import './zooming_exits/zoomOutLeft.css';
-@import './zooming_exits/zoomOutRight.css';
-@import './zooming_exits/zoomOutUp.css';
-

package/lib/es/src/lightspeed/lightSpeedIn.css

@@ -1,30 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-lightSpeedIn {
-    from {
-        transform: translate3d(100%, 0, 0) skewX(-30deg);
-        opacity: 0;
-    }
-
-    60% {
-        transform: skewX(20deg);
-        opacity: 1;
-    }
-
-    80% {
-        transform: skewX(-5deg);
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-lightSpeedIn {
-    animation-name: semi-lightSpeedIn;
-    animation-timing-function: ease-out;
-}
-

package/lib/es/src/lightspeed/lightSpeedOut.css

@@ -1,21 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-lightSpeedOut {
-    from {
-        opacity: 1;
-    }
-
-    to {
-        transform: translate3d(100%, 0, 0) skewX(30deg);
-        opacity: 0;
-    }
-}
-
-.semi-lightSpeedOut {
-    animation-name: semi-lightSpeedOut;
-    animation-timing-function: ease-in;
-}
-

package/lib/es/src/rotating_entrances/rotateIn.css

@@ -1,23 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateIn {
-    from {
-        transform-origin: center;
-        transform: rotate3d(0, 0, 1, -200deg);
-        opacity: 0;
-    }
-
-    to {
-        transform-origin: center;
-        transform: translate3d(0, 0, 0);
-        opacity: 1;
-    }
-}
-
-.semi-rotateIn {
-    animation-name: semi-rotateIn;
-}
-

package/lib/es/src/rotating_entrances/rotateInDownLeft.css

@@ -1,23 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateInDownLeft {
-    from {
-        transform-origin: left bottom;
-        transform: rotate3d(0, 0, 1, -45deg);
-        opacity: 0;
-    }
-
-    to {
-        transform-origin: left bottom;
-        transform: translate3d(0, 0, 0);
-        opacity: 1;
-    }
-}
-
-.semi-rotateInDownLeft {
-    animation-name: semi-rotateInDownLeft;
-}
-

package/lib/es/src/rotating_entrances/rotateInDownRight.css

@@ -1,23 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateInDownRight {
-    from {
-        transform-origin: right bottom;
-        transform: rotate3d(0, 0, 1, 45deg);
-        opacity: 0;
-    }
-
-    to {
-        transform-origin: right bottom;
-        transform: translate3d(0, 0, 0);
-        opacity: 1;
-    }
-}
-
-.semi-rotateInDownRight {
-    animation-name: semi-rotateInDownRight;
-}
-

package/lib/es/src/rotating_entrances/rotateInUpLeft.css

@@ -1,23 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateInUpLeft {
-    from {
-        transform-origin: left bottom;
-        transform: rotate3d(0, 0, 1, 45deg);
-        opacity: 0;
-    }
-
-    to {
-        transform-origin: left bottom;
-        transform: translate3d(0, 0, 0);
-        opacity: 1;
-    }
-}
-
-.semi-rotateInUpLeft {
-    animation-name: semi-rotateInUpLeft;
-}
-

package/lib/es/src/rotating_entrances/rotateInUpRight.css

@@ -1,23 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateInUpRight {
-    from {
-        transform-origin: right bottom;
-        transform: rotate3d(0, 0, 1, -90deg);
-        opacity: 0;
-    }
-
-    to {
-        transform-origin: right bottom;
-        transform: translate3d(0, 0, 0);
-        opacity: 1;
-    }
-}
-
-.semi-rotateInUpRight {
-    animation-name: semi-rotateInUpRight;
-}
-

package/lib/es/src/rotating_exits/rotateOut.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateOut {
-    from {
-        transform-origin: center;
-        opacity: 1;
-    }
-
-    to {
-        transform-origin: center;
-        transform: rotate3d(0, 0, 1, 200deg);
-        opacity: 0;
-    }
-}
-
-.semi-rotateOut {
-    animation-name: semi-rotateOut;
-}
-

package/lib/es/src/rotating_exits/rotateOutDownLeft.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateOutDownLeft {
-    from {
-        transform-origin: left bottom;
-        opacity: 1;
-    }
-
-    to {
-        transform-origin: left bottom;
-        transform: rotate3d(0, 0, 1, 45deg);
-        opacity: 0;
-    }
-}
-
-.semi-rotateOutDownLeft {
-    animation-name: semi-rotateOutDownLeft;
-}
-

package/lib/es/src/rotating_exits/rotateOutDownRight.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateOutDownRight {
-    from {
-        transform-origin: right bottom;
-        opacity: 1;
-    }
-
-    to {
-        transform-origin: right bottom;
-        transform: rotate3d(0, 0, 1, -45deg);
-        opacity: 0;
-    }
-}
-
-.semi-rotateOutDownRight {
-    animation-name: semi-rotateOutDownRight;
-}
-

package/lib/es/src/rotating_exits/rotateOutUpLeft.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateOutUpLeft {
-    from {
-        transform-origin: left bottom;
-        opacity: 1;
-    }
-
-    to {
-        transform-origin: left bottom;
-        transform: rotate3d(0, 0, 1, -45deg);
-        opacity: 0;
-    }
-}
-
-.semi-rotateOutUpLeft {
-    animation-name: semi-rotateOutUpLeft;
-}
-

package/lib/es/src/rotating_exits/rotateOutUpRight.css

@@ -1,22 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-rotateOutUpRight {
-    from {
-        transform-origin: right bottom;
-        opacity: 1;
-    }
-
-    to {
-        transform-origin: right bottom;
-        transform: rotate3d(0, 0, 1, 90deg);
-        opacity: 0;
-    }
-}
-
-.semi-rotateOutUpRight {
-    animation-name: semi-rotateOutUpRight;
-}
-

package/lib/es/src/sliding_entrances/slideInDown.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideInDown {
-    from {
-        transform: translate3d(0, -100%, 0);
-        visibility: visible;
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-slideInDown {
-    animation-name: semi-slideInDown;
-}
-

package/lib/es/src/sliding_entrances/slideInLeft.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideInLeft {
-    from {
-        transform: translate3d(-100%, 0, 0);
-        visibility: visible;
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-slideInLeft {
-    animation-name: semi-slideInLeft;
-}
-

package/lib/es/src/sliding_entrances/slideInRight.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideInRight {
-    from {
-        transform: translate3d(100%, 0, 0);
-        visibility: visible;
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-slideInRight {
-    animation-name: semi-slideInRight;
-}
-

package/lib/es/src/sliding_entrances/slideInUp.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideInUp {
-    from {
-        transform: translate3d(0, 100%, 0);
-        visibility: visible;
-    }
-
-    to {
-        transform: translate3d(0, 0, 0);
-    }
-}
-
-.semi-slideInUp {
-    animation-name: semi-slideInUp;
-}
-

package/lib/es/src/sliding_exits/slideOutDown.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideOutDown {
-    from {
-        transform: translate3d(0, 0, 0);
-    }
-
-    to {
-        visibility: hidden;
-        transform: translate3d(0, 100%, 0);
-    }
-}
-
-.semi-slideOutDown {
-    animation-name: semi-slideOutDown;
-}
-

package/lib/es/src/sliding_exits/slideOutLeft.css

@@ -1,20 +0,0 @@
-/*
-* Modified based on animate.css and added prefix name to prevent style conflicts
-* Reference: https://github.com/animate-css/animate.css
-*/
-
-@keyframes semi-slideOutLeft {
-    from {
-        transform: translate3d(0, 0, 0);
-    }
-
-    to {
-        visibility: hidden;
-        transform: translate3d(-100%, 0, 0);
-    }
-}
-
-.semi-slideOutLeft {
-    animation-name: semi-slideOutLeft;
-}
-