47 lines
621 B
SCSS
47 lines
621 B
SCSS
|
@keyframes blink {
|
||
|
|
from,
|
||
|
|
to {
|
||
|
|
color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
50% {
|
||
|
|
color: $black;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes scale-in-center {
|
||
|
|
0% {
|
||
|
|
transform: scale(0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes scale-out-center {
|
||
|
|
0% {
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: scale(0);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.cursor {
|
||
|
|
animation: 1s blink step-end infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scale-in-center {
|
||
|
|
animation: scale-in-center .3s cubic-bezier(.25, .46, .45, .94) both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scale-out-center {
|
||
|
|
animation: scale-out-center .5s cubic-bezier(.895, .03, .685, .22) both;
|
||
|
|
}
|