public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

fix(animation): more dramatic text scale on entrance

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-14 15:51:05 +01:00
parent 637236c31b
commit 649180b7ec
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/main.css
View File

@@ -756,17 +756,17 @@ kbd {
@keyframes crispy-bounce {
0% {
top: 100%;
transform: translateX(-50%) translateY(0) scale(0.5);
transform: translateX(-50%) translateY(0) scale(0.2);
opacity: 0;
}
20% {
top: 45%;
transform: translateX(-50%) translateY(-50%) scale(1.1);
transform: translateX(-50%) translateY(-50%) scale(1.4);
opacity: 1;
}
28% {
top: 52%;
transform: translateX(-50%) translateY(-50%) scale(0.95);
transform: translateX(-50%) translateY(-50%) scale(0.9);
opacity: 1;
}
35% {
@@ -781,7 +781,7 @@ kbd {
}
100% {
top: 100%;
transform: translateX(-50%) translateY(0) scale(0.5);
transform: translateX(-50%) translateY(0) scale(0.3);
opacity: 0;
}
}