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;
|
||||
}
|
||||
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%;
|
||||
transform: translateX(-50%) translateY(-50%) scale(1);
|
||||
transform: translateX(-50%) translateY(-50%) scale(1.3);
|
||||
opacity: 1;
|
||||
}
|
||||
65% {
|
||||
@@ -781,7 +771,7 @@ kbd {
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
transform: translateX(-50%) translateY(0) scale(0.3);
|
||||
transform: translateX(-50%) translateY(0) scale(0.2);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user