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

fix: center CRISPY animation with translate offset

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 21:59:44 +01:00
parent 1fd7cc31eb
commit 4801ddae32
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 {
0% {
top: 10%;
left: 10%;
transform: scale(1);
top: 15%;
left: 15%;
transform: translate(-50%, -50%) scale(1);
}
25% {
top: 70%;
left: 80%;
transform: scale(1.1);
top: 75%;
left: 85%;
transform: translate(-50%, -50%) scale(1.1);
}
50% {
top: 20%;
left: 70%;
transform: scale(0.95);
top: 25%;
left: 75%;
transform: translate(-50%, -50%) scale(0.95);
}
75% {
top: 60%;
left: 15%;
transform: scale(1.05);
top: 70%;
left: 20%;
transform: translate(-50%, -50%) scale(1.05);
}
100% {
top: 10%;
left: 10%;
transform: scale(1);
top: 15%;
left: 15%;
transform: translate(-50%, -50%) scale(1);
}
}