54 lines
1.2 KiB
SCSS
54 lines
1.2 KiB
SCSS
.swashOut {
|
|
-webkit-animation-name: swashOut;
|
|
animation-name: swashOut;
|
|
}
|
|
@-webkit-keyframes swashOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
|
|
80% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0.9, 0.9);
|
|
transform: scale(0.9, 0.9);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes swashOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
|
|
80% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0.9, 0.9);
|
|
transform: scale(0.9, 0.9);
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|