.default {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translatey(100px);
-webkit-transform: translatey(100px);
-moz-transform: translatey(100px);
-ms-transform: translatey(100px);
opacity: 0;
}
.default.arrive {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.default-up {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translatey(-100px);
-webkit-transform: translatey(-100px);
-moz-transform: translatey(-100px);
-ms-transform: translatey(-100px);
opacity: 0;
}
.default-up.arrive {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.default-left {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
opacity: 0;
}
.default-left.arrive {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.default-right {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translateX(100px);
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
opacity: 0;
}
.default-right.arrive {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.default-lu {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translate(-100px, -100px);
-webkit-transform: translate(-100px, -100px);
-moz-transform: translate(-100px, -100px);
-ms-transform: translate(-100px, -100px);
opacity: 0;
}
.default-lu.arrive {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.default-ld {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translate(-100px, 100px);
-webkit-transform: translate(-100px, 100px);
-moz-transform: translate(-100px, 100px);
-ms-transform: translate(-100px, 100px);
opacity: 0;
}
.default-ld.arrive {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.default-ru {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translate(100px, -100px);
-webkit-transform: translate(100px, -100px);
-moz-transform: translate(100px, -100px);
-ms-transform: translate(100px, -100px);
opacity: 0;
}
.default-ru.arrive {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.default-rd {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transform: translate(100px, 100px);
-webkit-transform: translate(100px, 100px);
-moz-transform: translate(100px, 100px);
-ms-transform: translate(100px, 100px);
opacity: 0;
}
.default-rd.arrive {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.default-opacity {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
opacity: 0;
}
.default-opacity.arrive {
opacity: 1;
}
.default-reveal {
display: inline-block;
transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
-webkit-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
-moz-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
-o-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
-ms-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0);
}
.default-reveal.arrive {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.no-overflow{
overflow: hidden;
}
.tran-time-1000{
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
}
.tran-time-1500{
transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
}
.tran-time-2000{
transition: all 2s ease;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
}
.tran-time-2500{
transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;
-moz-transition: all 2.5s ease;
-o-transition: all 2.5s ease;
-ms-transition: all 2.5s ease;
}
.tran-time-3000{
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;
-ms-transition: all 3s ease;
}
.delay-100{
transition-delay: .1s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
-ms-transition-delay: .1s;
}
.delay-200{
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
-ms-transition-delay: .2s;
}
.delay-300{
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
}
.delay-400{
transition-delay: .4s;
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
-o-transition-delay: .4s;
-ms-transition-delay: .4s;
}
.delay-500{
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s;
-ms-transition-delay: .5s;
}
.delay-600{
transition-delay: .6s;
-webkit-transition-delay: .6s;
-moz-transition-delay: .6s;
-o-transition-delay: .6s;
-ms-transition-delay: .6s;
}
.delay-700{
transition-delay: .7s;
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s;
-o-transition-delay: .7s;
-ms-transition-delay: .7s;
}
.delay-800{
transition-delay: .8s;
-webkit-transition-delay: .8s;
-moz-transition-delay: .8s;
-o-transition-delay: .8s;
-ms-transition-delay: .8s;
}
.delay-900{
transition-delay: .9s;
-webkit-transition-delay: .9s;
-moz-transition-delay: .9s;
-o-transition-delay: .9s;
-ms-transition-delay: .9s;
}
.delay-1000{
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
-ms-transition-delay: 1s;
}
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-webkit-keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-center-left {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate-center-left {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes jello-vertical {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
40% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
50% {
-webkit-transform: scale3d(0.85, 1.15, 1);
transform: scale3d(0.85, 1.15, 1);
}
65% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
75% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jello-vertical {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
40% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
50% {
-webkit-transform: scale3d(0.85, 1.15, 1);
transform: scale3d(0.85, 1.15, 1);
}
65% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
75% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes pulsate-fwd-about_30_1 {
0% {
-webkit-transform: scale(1) translate(-50%, 22%);
transform: scale(1) translate(-50%, 22%);
}
50% {
-webkit-transform: scale(1.1) translate(-50%, 22%);
transform: scale(1.1) translate(-50%, 22%);
}
100% {
-webkit-transform: scale(1) translate(-50%, 22%);
transform: scale(1) translate(-50%, 22%);
}
}
@keyframes pulsate-fwd-about_30_1 {
0% {
-webkit-transform: scale(1) translate(-50%, 22%);
transform: scale(1) translate(-50%, 22%);
}
50% {
-webkit-transform: scale(1.1) translate(-50%, 22%);
transform: scale(1.1) translate(-50%, 22%);
}
100% {
-webkit-transform: scale(1) translate(-50%, 22%);
transform: scale(1) translate(-50%, 22%);
}
}
@-webkit-keyframes pulsate-fwd-about_30_2 {
0% {
-webkit-transform: scale(1) translate(49%, 22%);
transform: scale(1) translate(49%, 22%);
}
50% {
-webkit-transform: scale(1.1) translate(49%, 22%);
transform: scale(1.1) translate(49%, 22%);
}
100% {
-webkit-transform: scale(1) translate(49%, 22%);
transform: scale(1) translate(49%, 22%);
}
}
@keyframes pulsate-fwd-about_30_2 {
0% {
-webkit-transform: scale(1) translate(49%, 22%);
transform: scale(1) translate(49%, 22%);
}
50% {
-webkit-transform: scale(1.1) translate(49%, 22%);
transform: scale(1.1) translate(49%, 22%);
}
100% {
-webkit-transform: scale(1) translate(49%, 22%);
transform: scale(1) translate(49%, 22%);
}
}