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

feat: keep preview glow permanently after animation completes

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-16 15:14:43 +01:00
parent 0b22263a68
commit d78f0ac0b4
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/main.css
View File

@@ -662,6 +662,18 @@ kbd {
pointer-events: none;
}
/* Persistent glow for completed lessons */
.preview-section.completed-glow::before {
content: "";
position: absolute;
inset: var(--spacing-md);
border-radius: var(--border-radius-md);
background: conic-gradient(from 0deg, #9163b8, #d45aa0, #1aafb8, #7c4dff, #9163b8);
filter: blur(30px);
opacity: 0.35;
pointer-events: none;
}
.preview-header {
display: flex;
justify-content: space-between;
@@ -813,7 +825,7 @@ kbd {
}
100% {
--border-angle: -360deg;
opacity: 0;
opacity: 0.35;
}
}