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

fix: center CRISPY animation with translate offset
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 21:59:44 +01:00
parent 4767f91f40
commit 2d76b6d7b9
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/main.css
View File

@@ -602,29 +602,29 @@ code, kbd {
@keyframes dvd-bounce { @keyframes dvd-bounce {
0% { 0% {
top: 10%; top: 15%;
left: 10%; left: 15%;
transform: scale(1); transform: translate(-50%, -50%) scale(1);
} }
25% { 25% {
top: 70%; top: 75%;
left: 80%; left: 85%;
transform: scale(1.1); transform: translate(-50%, -50%) scale(1.1);
} }
50% { 50% {
top: 20%; top: 25%;
left: 70%; left: 75%;
transform: scale(0.95); transform: translate(-50%, -50%) scale(0.95);
} }
75% { 75% {
top: 60%; top: 70%;
left: 15%; left: 20%;
transform: scale(1.05); transform: translate(-50%, -50%) scale(1.05);
} }
100% { 100% {
top: 10%; top: 15%;
left: 10%; left: 15%;
transform: scale(1); transform: translate(-50%, -50%) scale(1);
} }
} }