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 1d0c2426dc
commit 7fa67daac8
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 { @keyframes crispy-bounce {
0% { 0% {
top: 100%; top: 100%;
transform: translateX(-50%) translateY(0) scale(0.5); transform: translateX(-50%) translateY(0) scale(0.2);
opacity: 0; opacity: 0;
} }
20% { 20% {
top: 45%; top: 45%;
transform: translateX(-50%) translateY(-50%) scale(1.1); transform: translateX(-50%) translateY(-50%) scale(1.4);
opacity: 1; opacity: 1;
} }
28% { 28% {
top: 52%; top: 52%;
transform: translateX(-50%) translateY(-50%) scale(0.95); transform: translateX(-50%) translateY(-50%) scale(0.9);
opacity: 1; opacity: 1;
} }
35% { 35% {
@@ -781,7 +781,7 @@ kbd {
} }
100% { 100% {
top: 100%; top: 100%;
transform: translateX(-50%) translateY(0) scale(0.5); transform: translateX(-50%) translateY(0) scale(0.3);
opacity: 0; opacity: 0;
} }
} }