nvrl/pl8list-rewind
1
0 Fork 0
mirror of https://github.com/narrrl/pl8list-rewind.git synced 2026-11-03 16:41:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Keep comment bubbles sharp while they show

Browse Source 
The rise animation blurred the bubble in and out and kept it under a filter and a drifting transform the whole time, so the text stayed soft. Now it only scales in, holds still with no transform, and slides up as it fades.
This commit is contained in:
nvrl committed 2026-11-03 00:26:53 +01:00
1 parent b42780d24b
commit e94b851fd1
1 file changed
+6 -5
Download Patch File Download Diff File Expand all files Collapse all files
web/src/style.css
+6 -5
View File
@@ -752,12 +752,13 @@ button.danger:not(.link) { background: var(--accent); border: none; color: #fff;
overflow: hidden; overflow: hidden;
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
/* No filter and no transform while it is read: either turns the text into a
scaled bitmap that stays soft. */
@keyframes wc-rise { @keyframes wc-rise {
0% { opacity: 0; transform: translateY(14px) scale(0.3); filter: blur(4px); } 0% { opacity: 0; transform: translateY(14px) scale(0.3); }
12% { opacity: 1; transform: translateY(-3px) scale(1.06); filter: blur(0); } 12% { opacity: 1; transform: translateY(-3px) scale(1.06); }
20% { transform: translateY(0) scale(1); } 20%, 85% { opacity: 1; transform: none; }
82% { opacity: 1; transform: translateY(-4px); } 100% { opacity: 0; transform: translateY(-16px); }
100% { opacity: 0; transform: translateY(-18px) scale(0.96); filter: blur(3px); }
} }
@keyframes wc-spark { @keyframes wc-spark {
0% { transform: scaleY(0); opacity: 1; } 0% { transform: scaleY(0); opacity: 1; }