fix(animation): simplify text scale to 4 smooth keyframes
This commit is contained in:
14
src/main.css
14
src/main.css
@@ -760,18 +760,8 @@ kbd {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
20% {
|
20% {
|
||||||
top: 45%;
|
|
||||||
transform: translateX(-50%) translateY(-50%) scale(1.4);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
28% {
|
|
||||||
top: 52%;
|
|
||||||
transform: translateX(-50%) translateY(-50%) scale(0.9);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
35% {
|
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateX(-50%) translateY(-50%) scale(1);
|
transform: translateX(-50%) translateY(-50%) scale(1.3);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
65% {
|
65% {
|
||||||
@@ -781,7 +771,7 @@ kbd {
|
|||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
top: 100%;
|
top: 100%;
|
||||||
transform: translateX(-50%) translateY(0) scale(0.3);
|
transform: translateX(-50%) translateY(0) scale(0.2);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user