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 {
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);
}
}