You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1044 lines
20 KiB
1044 lines
20 KiB
@charset "UTF-8";
|
|
/*
|
|
Animate.css - http://daneden.me/animate
|
|
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
Copyright (c) 2014 Daniel Eden
|
|
*/
|
|
.lepopup-animated {
|
|
animation-duration: 1s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.lepopup-animated.lepopup-infinite {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.lepopup-animated.lepopup-hinge {
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
@keyframes lepopup-bounce {
|
|
0%, 20%, 53%, 80%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
transform: translate3d(0,0,0);
|
|
}
|
|
40%, 43% {
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
transform: translate3d(0, -30px, 0);
|
|
}
|
|
70% {
|
|
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
transform: translate3d(0, -15px, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0,-4px,0);
|
|
}
|
|
}
|
|
.lepopup-bounce {
|
|
animation-name: lepopup-bounce;
|
|
transform-origin: center bottom;
|
|
}
|
|
|
|
@keyframes lepopup-flash {
|
|
0%, 50%, 100% {
|
|
opacity: 1;
|
|
}
|
|
25%, 75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-flash {
|
|
animation-name: lepopup-flash;
|
|
}
|
|
|
|
@keyframes lepopup-pulse {
|
|
0% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
50% {
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
}
|
|
100% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.lepopup-pulse {
|
|
animation-name: lepopup-pulse;
|
|
}
|
|
|
|
@keyframes lepopup-rubberBand {
|
|
0% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
30% {
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
}
|
|
40% {
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
}
|
|
50% {
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
}
|
|
65% {
|
|
transform: scale3d(.95, 1.05, 1);
|
|
}
|
|
75% {
|
|
transform: scale3d(1.05, .95, 1);
|
|
}
|
|
100% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.lepopup-rubberBand {
|
|
animation-name: lepopup-rubberBand;
|
|
}
|
|
|
|
@keyframes lepopup-shake {
|
|
0%, 100% {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
10%, 30%, 50%, 70%, 90% {
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
20%, 40%, 60%, 80% {
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-shake {
|
|
animation-name: lepopup-shake;
|
|
}
|
|
|
|
@keyframes lepopup-swing {
|
|
20% {
|
|
transform: rotate3d(0, 0, 1, 15deg);
|
|
}
|
|
40% {
|
|
transform: rotate3d(0, 0, 1, -10deg);
|
|
}
|
|
60% {
|
|
transform: rotate3d(0, 0, 1, 5deg);
|
|
}
|
|
80% {
|
|
transform: rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
100% {
|
|
transform: rotate3d(0, 0, 1, 0deg);
|
|
}
|
|
}
|
|
.lepopup-swing {
|
|
transform-origin: top center;
|
|
animation-name: lepopup-swing;
|
|
}
|
|
|
|
@keyframes lepopup-tada {
|
|
0% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
10%, 20% {
|
|
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
30%, 50%, 70%, 90% {
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
40%, 60%, 80% {
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
100% {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.lepopup-tada {
|
|
animation-name: lepopup-tada;
|
|
}
|
|
|
|
@keyframes lepopup-wobble {
|
|
0% {
|
|
transform: none;
|
|
}
|
|
15% {
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
100% {
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-wobble {
|
|
animation-name: lepopup-wobble;
|
|
}
|
|
|
|
@keyframes lepopup-bounceIn {
|
|
0%, 20%, 40%, 60%, 80%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
20% {
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
40% {
|
|
transform: scale3d(.9, .9, .9);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
80% {
|
|
transform: scale3d(.97, .97, .97);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.lepopup-bounceIn {
|
|
animation-name: lepopup-bounceIn;
|
|
animation-duration: .75s;
|
|
}
|
|
|
|
@keyframes lepopup-bounceInDown {
|
|
0%, 60%, 75%, 90%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 25px, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, 5px, 0);
|
|
}
|
|
100% {
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-bounceInDown {
|
|
animation-name: lepopup-bounceInDown;
|
|
}
|
|
|
|
@keyframes lepopup-bounceInLeft {
|
|
0%, 60%, 75%, 90%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(25px, 0, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(5px, 0, 0);
|
|
}
|
|
100% {
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-bounceInLeft {
|
|
animation-name: lepopup-bounceInLeft;
|
|
}
|
|
|
|
@keyframes lepopup-bounceInRight {
|
|
0%, 60%, 75%, 90%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
100% {
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-bounceInRight {
|
|
animation-name: lepopup-bounceInRight;
|
|
}
|
|
|
|
@keyframes lepopup-bounceInUp {
|
|
0%, 60%, 75%, 90%, 100% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
75% {
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
100% {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-bounceInUp {
|
|
animation-name: lepopup-bounceInUp;
|
|
}
|
|
|
|
@keyframes lepopup-bounceOut {
|
|
20% {
|
|
transform: scale3d(.9, .9, .9);
|
|
}
|
|
50%, 55% {
|
|
opacity: 1;
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
}
|
|
.lepopup-bounceOut {
|
|
animation-name: lepopup-bounceOut;
|
|
animation-duration: .75s;
|
|
}
|
|
|
|
@keyframes lepopup-bounceOutDown {
|
|
20% {
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
40%, 45% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
.lepopup-bounceOutDown {
|
|
animation-name: lepopup-bounceOutDown;
|
|
}
|
|
|
|
@keyframes lepopup-bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-bounceOutLeft {
|
|
animation-name: lepopup-bounceOutLeft;
|
|
}
|
|
|
|
@keyframes lepopup-bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-bounceOutRight {
|
|
animation-name: lepopup-bounceOutRight;
|
|
}
|
|
|
|
@keyframes lepopup-bounceOutUp {
|
|
20% {
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
40%, 45% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 20px, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
.lepopup-bounceOutUp {
|
|
animation-name: lepopup-bounceOutUp;
|
|
}
|
|
|
|
@keyframes lepopup-fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-fadeIn {
|
|
animation-name: lepopup-fadeIn;
|
|
}
|
|
|
|
@keyframes lepopup-fadeInDown {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-fadeInDown {
|
|
animation-name: lepopup-fadeInDown;
|
|
}
|
|
|
|
@keyframes lepopup-fadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-fadeInLeft {
|
|
animation-name: lepopup-fadeInLeft;
|
|
}
|
|
|
|
@keyframes lepopup-fadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-fadeInRight {
|
|
animation-name: lepopup-fadeInRight;
|
|
}
|
|
|
|
@keyframes lepopup-fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-fadeInUp {
|
|
animation-name: lepopup-fadeInUp;
|
|
}
|
|
|
|
@keyframes lepopup-fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-fadeOut {
|
|
animation-name: lepopup-fadeOut;
|
|
}
|
|
|
|
@keyframes lepopup-fadeOutDown {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
.lepopup-fadeOutDown {
|
|
animation-name: lepopup-fadeOutDown;
|
|
}
|
|
|
|
@keyframes lepopup-fadeOutLeft {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-fadeOutLeft {
|
|
animation-name: lepopup-fadeOutLeft;
|
|
}
|
|
|
|
@keyframes lepopup-fadeOutRight {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.lepopup-fadeOutRight {
|
|
animation-name: lepopup-fadeOutRight;
|
|
}
|
|
|
|
@keyframes lepopup-fadeOutUp {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
.lepopup-fadeOutUp {
|
|
animation-name: lepopup-fadeOutUp;
|
|
}
|
|
|
|
@keyframes lepopup-flip {
|
|
0% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
animation-timing-function: ease-out;
|
|
}
|
|
40% {
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
animation-timing-function: ease-out;
|
|
}
|
|
50% {
|
|
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
animation-timing-function: ease-in;
|
|
}
|
|
80% {
|
|
transform: perspective(400px) scale3d(.95, .95, .95);
|
|
animation-timing-function: ease-in;
|
|
}
|
|
100% {
|
|
transform: perspective(400px);
|
|
animation-timing-function: ease-in;
|
|
}
|
|
}
|
|
.lepopup-animated.lepopup-flip {
|
|
backface-visibility: visible;
|
|
animation-name: lepopup-flip;
|
|
}
|
|
|
|
@keyframes lepopup-flipInX {
|
|
0% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transition-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transition-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
}
|
|
100% {
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
.lepopup-flipInX {
|
|
backface-visibility: visible !important;
|
|
animation-name: lepopup-flipInX;
|
|
}
|
|
|
|
@keyframes lepopup-flipInY {
|
|
0% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transition-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transition-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
}
|
|
100% {
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
.lepopup-flipInY {
|
|
backface-visibility: visible !important;
|
|
animation-name: lepopup-flipInY;
|
|
}
|
|
|
|
@keyframes lepopup-flipOutX {
|
|
0% {
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-flipOutX {
|
|
animation-name: lepopup-flipOutX;
|
|
animation-duration: .75s;
|
|
backface-visibility: visible !important;
|
|
}
|
|
|
|
@keyframes lepopup-flipOutY {
|
|
0% {
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-flipOutY {
|
|
backface-visibility: visible !important;
|
|
animation-name: lepopup-flipOutY;
|
|
animation-duration: .75s;
|
|
}
|
|
|
|
@keyframes lepopup-lightSpeedIn {
|
|
0% {
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
transform: skewX(20deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
transform: skewX(-5deg);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-lightSpeedIn {
|
|
animation-name: lepopup-lightSpeedIn;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
|
|
@keyframes lepopup-lightSpeedOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-lightSpeedOut {
|
|
animation-name: lepopup-lightSpeedOut;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
|
|
@keyframes lepopup-rotateIn {
|
|
0% {
|
|
transform-origin: center;
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform-origin: center;
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-rotateIn {
|
|
animation-name: lepopup-rotateIn;
|
|
}
|
|
|
|
@keyframes lepopup-rotateInDownLeft {
|
|
0% {
|
|
transform-origin: left bottom;
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform-origin: left bottom;
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-rotateInDownLeft {
|
|
animation-name: lepopup-rotateInDownLeft;
|
|
}
|
|
|
|
@keyframes lepopup-rotateInDownRight {
|
|
0% {
|
|
transform-origin: right bottom;
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform-origin: right bottom;
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-rotateInDownRight {
|
|
animation-name: lepopup-rotateInDownRight;
|
|
}
|
|
|
|
@keyframes lepopup-rotateInUpLeft {
|
|
0% {
|
|
transform-origin: left bottom;
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform-origin: left bottom;
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-rotateInUpLeft {
|
|
animation-name: lepopup-rotateInUpLeft;
|
|
}
|
|
|
|
@keyframes lepopup-rotateInUpRight {
|
|
0% {
|
|
transform-origin: right bottom;
|
|
transform: rotate3d(0, 0, 1, -90deg);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform-origin: right bottom;
|
|
transform: none;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-rotateInUpRight {
|
|
animation-name: lepopup-rotateInUpRight;
|
|
}
|
|
|
|
@keyframes lepopup-rotateOut {
|
|
0% {
|
|
transform-origin: center;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform-origin: center;
|
|
transform: rotate3d(0, 0, 1, 200deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-rotateOut {
|
|
animation-name: lepopup-rotateOut;
|
|
}
|
|
|
|
@keyframes lepopup-rotateOutDownLeft {
|
|
0% {
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform-origin: left bottom;
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-rotateOutDownLeft {
|
|
animation-name: lepopup-rotateOutDownLeft;
|
|
}
|
|
|
|
@keyframes lepopup-rotateOutDownRight {
|
|
0% {
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform-origin: right bottom;
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-rotateOutDownRight {
|
|
animation-name: lepopup-rotateOutDownRight;
|
|
}
|
|
|
|
@keyframes lepopup-rotateOutUpLeft {
|
|
0% {
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform-origin: left bottom;
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-rotateOutUpLeft {
|
|
animation-name: lepopup-rotateOutUpLeft;
|
|
}
|
|
|
|
@keyframes lepopup-rotateOutUpRight {
|
|
0% {
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform-origin: right bottom;
|
|
transform: rotate3d(0, 0, 1, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-rotateOutUpRight {
|
|
animation-name: lepopup-rotateOutUpRight;
|
|
}
|
|
|
|
@keyframes lepopup-hinge {
|
|
0% {
|
|
transform-origin: top left;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
20%, 60% {
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
transform-origin: top left;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
40%, 80% {
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
transform-origin: top left;
|
|
animation-timing-function: ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translate3d(0, 700px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-hinge {
|
|
animation-name: lepopup-hinge;
|
|
}
|
|
|
|
@keyframes lepopup-rollIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
.lepopup-rollIn {
|
|
animation-name: lepopup-rollIn;
|
|
}
|
|
|
|
@keyframes lepopup-rollOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
}
|
|
}
|
|
.lepopup-rollOut {
|
|
animation-name: lepopup-rollOut;
|
|
}
|
|
|
|
@keyframes lepopup-zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.lepopup-zoomIn {
|
|
animation-name: lepopup-zoomIn;
|
|
}
|
|
|
|
@keyframes lepopup-zoomInDown {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomInDown {
|
|
animation-name: lepopup-zoomInDown;
|
|
}
|
|
|
|
@keyframes lepopup-zoomInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomInLeft {
|
|
animation-name: lepopup-zoomInLeft;
|
|
}
|
|
|
|
@keyframes lepopup-zoomInRight {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomInRight {
|
|
animation-name: lepopup-zoomInRight;
|
|
}
|
|
|
|
@keyframes lepopup-zoomInUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomInUp {
|
|
animation-name: lepopup-zoomInUp;
|
|
}
|
|
|
|
@keyframes lepopup-zoomOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
transform: scale3d(.3, .3, .3);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lepopup-zoomOut {
|
|
animation-name: lepopup-zoomOut;
|
|
}
|
|
|
|
@keyframes lepopup-zoomOutDown {
|
|
40% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
transform-origin: center bottom;
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomOutDown {
|
|
animation-name: lepopup-zoomOutDown;
|
|
}
|
|
|
|
@keyframes lepopup-zoomOutLeft {
|
|
40% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
transform-origin: left center;
|
|
}
|
|
}
|
|
.lepopup-zoomOutLeft {
|
|
animation-name: lepopup-zoomOutLeft;
|
|
}
|
|
|
|
@keyframes lepopup-zoomOutRight {
|
|
40% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale(.1) translate3d(2000px, 0, 0);
|
|
transform-origin: right center;
|
|
}
|
|
}
|
|
.lepopup-zoomOutRight {
|
|
animation-name: lepopup-zoomOutRight;
|
|
}
|
|
|
|
@keyframes lepopup-zoomOutUp {
|
|
40% {
|
|
opacity: 1;
|
|
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
transform-origin: center bottom;
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
}
|
|
}
|
|
.lepopup-zoomOutUp {
|
|
animation-name: lepopup-zoomOutUp;
|
|
} |