mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
45 lines
958 B
CSS
45 lines
958 B
CSS
.anim-scale-in {
|
|
animation-name: scale-in;
|
|
animation-duration: .15s;
|
|
animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
|
|
}
|
|
|
|
@keyframes scale-in {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.anim-scale-out {
|
|
-webkit-animation: scale-out-center 0.15s cubic-bezier(0.2, 0, 0.13, 1.5);
|
|
animation: scale-out-center 0.15s cubic-bezier(0.2, 0, 0.13, 1.5);
|
|
}
|
|
@-webkit-keyframes scale-out-center {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes scale-out-center {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(0.5);
|
|
transform: scale(0.5);
|
|
opacity: 0;
|
|
}
|
|
} |