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

fix(animation): move bowl to preview-wrapper and increase size

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-14 15:47:40 +01:00
parent 1613175112
commit ef8bbe7730
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/main.css
View File

@@ -713,15 +713,15 @@ kbd {
} }
/* Bowl smiley peek animation from bottom right corner */ /* Bowl smiley peek animation from bottom right corner */
.preview-section.matched::after { .preview-wrapper.matched::before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 40px; right: 20px;
width: 80px; width: 200px;
height: 80px; height: 200px;
background: url("/bowl.png") center/contain no-repeat; background: url("/bowl.png") center/contain no-repeat;
z-index: 20; z-index: 5;
pointer-events: none; pointer-events: none;
animation: bowl-peek 3s ease-in-out forwards; animation: bowl-peek 3s ease-in-out forwards;
transform: translateY(100%); transform: translateY(100%);