957 lines
16 KiB
CSS
957 lines
16 KiB
CSS
/* / 02. custom animation / */
|
|
@-webkit-keyframes jump {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translate3d(0, 50%, 0);
|
|
transform: translate3d(0, 50%, 0);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes jump {
|
|
0% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translate3d(0, 50%, 0);
|
|
transform: translate3d(0, 50%, 0);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotated {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotated {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotatedHalf {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
}
|
|
|
|
@keyframes rotatedHalf {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotatedHalfTwo {
|
|
0% {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotatedHalfTwo {
|
|
0% {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes scale-upOne {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-upOne {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.2);
|
|
transform: scale(0.2);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-right {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-right {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fade-in {
|
|
0% {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
40% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0.7;
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes hvr-ripple-out {
|
|
0% {
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
top: -6px;
|
|
right: -6px;
|
|
bottom: -6px;
|
|
left: -6px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes hvr-ripple-out-two {
|
|
0% {
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
top: -12px;
|
|
right: -12px;
|
|
bottom: -12px;
|
|
left: -12px;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-up-one {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-up-one {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-up-two {
|
|
0% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-up-two {
|
|
0% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-up-three {
|
|
0% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-up-three {
|
|
0% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-up-four {
|
|
0% {
|
|
-webkit-transform: scale(0.6);
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-up-four {
|
|
0% {
|
|
-webkit-transform: scale(0.6);
|
|
transform: scale(0.6);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.7);
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes scale-up-five {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.4);
|
|
transform: scale(0.4);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
@keyframes scale-up-five {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes animationFramesOne {
|
|
0% {
|
|
transform: translate(0px, 0px) rotate(0deg);
|
|
}
|
|
|
|
20% {
|
|
transform: translate(73px, 1px) rotate(36deg);
|
|
}
|
|
|
|
40% {
|
|
transform: translate(60px, 72px) rotate(72deg);
|
|
}
|
|
|
|
60% {
|
|
transform: translate(83px, 122px) rotate(108deg);
|
|
}
|
|
|
|
80% {
|
|
transform: translate(40px, 72px) rotate(144deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(0px, 0px) rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes animationFramesOne {
|
|
0% {
|
|
-webkit-transform: translate(0px, 0px) rotate(0deg);
|
|
}
|
|
|
|
20% {
|
|
-webkit-transform: translate(73px, 1px) rotate(36deg);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translate(60px, 72px) rotate(72deg);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translate(83px, 122px) rotate(108deg);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: translate(40px, 72px) rotate(144deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translate(0px, 0px) rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes animationFramesTwo {
|
|
0% {
|
|
transform: translate(0px, 0px) rotate(0deg) scale(1);
|
|
}
|
|
|
|
20% {
|
|
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
|
|
}
|
|
|
|
40% {
|
|
transform: translate(141px, 72px) rotate(72deg) scale(1);
|
|
}
|
|
|
|
60% {
|
|
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
|
|
}
|
|
|
|
80% {
|
|
transform: translate(40px, 72px) rotate(144deg) scale(1.1);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(0px, 0px) rotate(0deg) scale(1);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes animationFramesThree {
|
|
0% {
|
|
transform: translate(135px, 90px);
|
|
}
|
|
|
|
50% {
|
|
transform: translate(30px, 290px);
|
|
}
|
|
|
|
75% {
|
|
transform: translate(80px, 190px);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(135px, 90px);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes animationFramesFour {
|
|
0% {
|
|
transform: translate(30px, -70px) rotate(0deg);
|
|
}
|
|
|
|
50% {
|
|
transform: translate(251px, 20px) rotate(180deg);
|
|
}
|
|
|
|
75% {
|
|
transform: translate(30px, -70px) rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(251px, 20px) rotate(180deg);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes animationFramesFive {
|
|
0% {
|
|
transform: translate(61px, -99px) rotate(0deg);
|
|
}
|
|
|
|
21% {
|
|
transform: translate(4px, -190px) rotate(38deg);
|
|
}
|
|
|
|
41% {
|
|
transform: translate(-139px, -200px) rotate(74deg);
|
|
}
|
|
|
|
60% {
|
|
transform: translate(-263px, -164px) rotate(108deg);
|
|
}
|
|
|
|
80% {
|
|
transform: translate(-195px, -49px) rotate(144deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(-1px, 0px) rotate(180deg);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@keyframes gradientBG {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
50% {
|
|
background-position: 300% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes gradientBG {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
50% {
|
|
background-position: 300% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
@keyframes imageBgAnim {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
50% {
|
|
background-position: 120% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes gradientBG {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
50% {
|
|
background-position: 120% 0;
|
|
}
|
|
|
|
100% {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
|
|
/* / Bob / */
|
|
|
|
@keyframes float-bob-y {
|
|
0% {
|
|
-webkit-transform: translateY(-20px);
|
|
transform: translateY(-20px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-10px);
|
|
transform: translateY(-10px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(-20px);
|
|
transform: translateY(-20px);
|
|
}
|
|
}
|
|
|
|
@keyframes float-bob-x {
|
|
0% {
|
|
-webkit-transform: translateX(-50px);
|
|
transform: translateX(-50px);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(-10px);
|
|
transform: translateX(-10px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(-50px);
|
|
transform: translateX(-50px);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
box-shadow: 0 0 0 0 #ffffff;
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-blue {
|
|
0% {
|
|
box-shadow: 0 0 0 0 #2371ff;
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-orange {
|
|
0% {
|
|
box-shadow: 0 0 0 0 #ff6600;
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-grey {
|
|
0% {
|
|
box-shadow: 0 0 0 0 #ddd;
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse-violet {
|
|
0% {
|
|
box-shadow: 0 0 0 0 #2c047c;
|
|
}
|
|
|
|
50% {
|
|
box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);
|
|
}
|
|
|
|
100% {
|
|
box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* custom */
|
|
@keyframes team-shape-1 {
|
|
0% {
|
|
transform: translate(0, 0) rotate(0deg);
|
|
}
|
|
|
|
25% {
|
|
transform: translate(50px, -20px) rotate(0deg);
|
|
}
|
|
|
|
50% {
|
|
transform: translate(100px, -40px) rotate(0deg);
|
|
}
|
|
|
|
75% {
|
|
transform: translate(-50px, -70px) rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(90px, 50px) rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes team-shape-3 {
|
|
0% {
|
|
transform: translate(0, 0) rotate(0deg);
|
|
}
|
|
|
|
25% {
|
|
transform: translate(-50px, 20px) rotate(0deg);
|
|
}
|
|
|
|
50% {
|
|
transform: translate(-180px, 40px) rotate(0deg);
|
|
}
|
|
|
|
75% {
|
|
transform: translate(-50px, -70px) rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: translate(90px, 50px) rotate(0deg);
|
|
}
|
|
}
|
|
|
|
|
|
@-webkit-keyframes wobble-vertical {
|
|
16.65% {
|
|
transform: translateY(8px);
|
|
}
|
|
33.3% {
|
|
transform: translateY(-6px);
|
|
}
|
|
49.95% {
|
|
transform: translateY(4px);
|
|
}
|
|
66.6% {
|
|
transform: translateY(-2px);
|
|
}
|
|
83.25% {
|
|
transform: translateY(1px);
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes wobble-vertical {
|
|
16.65% {
|
|
transform: translateY(8px);
|
|
}
|
|
33.3% {
|
|
transform: translateY(-6px);
|
|
}
|
|
49.95% {
|
|
transform: translateY(4px);
|
|
}
|
|
66.6% {
|
|
transform: translateY(-2px);
|
|
}
|
|
83.25% {
|
|
transform: translateY(1px);
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes animation-pulse-shrink {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(0.5);
|
|
}
|
|
75% {
|
|
transform: scale(0.7);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes animation-pulse-shrink {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(0.5);
|
|
}
|
|
75% {
|
|
transform: scale(0.7);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes phone-icon-animate {
|
|
0%,
|
|
100% {
|
|
transform: rotate(0)scale(1)skew(1deg);
|
|
}
|
|
10% {
|
|
transform: rotate(-25deg)scale(1)skew(1deg);
|
|
}
|
|
20%,
|
|
40% {
|
|
transform: rotate(25deg)scale(1)skew(1deg);
|
|
}
|
|
30% {
|
|
transform: rotate(-25deg)scale(1)skew(1deg);
|
|
}
|
|
50% {
|
|
transform: rotate(0)scale(1)skew(1deg);
|
|
}
|
|
}
|
|
|
|
@keyframes phone-icon-animate {
|
|
0%,
|
|
100% {
|
|
transform: rotate(0)scale(1)skew(1deg);
|
|
}
|
|
10% {
|
|
transform: rotate(-25deg)scale(1)skew(1deg);
|
|
}
|
|
20%,
|
|
40% {
|
|
transform: rotate(25deg)scale(1)skew(1deg);
|
|
}
|
|
30% {
|
|
transform: rotate(-25deg)scale(1)skew(1deg);
|
|
}
|
|
50% {
|
|
transform: rotate(0)scale(1)skew(1deg);
|
|
}
|
|
}
|
|
|
|
/*--- preloader ---*/
|
|
.dark #preloader {
|
|
background-color: #232323;
|
|
}
|
|
|
|
#preloader {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #fff;
|
|
z-index: 999999;
|
|
}
|
|
|
|
.preloader {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: inline-block;
|
|
padding: 0px;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-left: -25px;
|
|
margin-top: -25px;
|
|
}
|
|
|
|
.preloader span {
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 100%;
|
|
background: #ff6600;
|
|
-webkit-animation: preloader 1.3s linear infinite;
|
|
animation: preloader 1.3s linear infinite;
|
|
}
|
|
|
|
.preloader span:last-child {
|
|
animation-delay: -0.8s;
|
|
-webkit-animation-delay: -0.8s;
|
|
}
|
|
|
|
@keyframes preloader {
|
|
0% {
|
|
transform: scale(0, 0);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1, 1);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes preloader {
|
|
0% {
|
|
-webkit-transform: scale(0, 0);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1, 1);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/*--- end of preloader ---*/
|
|
|
|
|
|
|
|
|
|
|
|
|