sebastjan/folxplay-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gladko utripanje play gumba - scale transform ease-in-out namesto width linear

Browse Source
This commit is contained in:
OpenClaw Agent 2026-07-02 20:09:05 +00:00
parent 782e230bd0
commit 0d77f4677b
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/styles.css
View File

@ -217,7 +217,9 @@ a:hover { border-bottom: 1px solid #313131; }
color: #fff; color: #fff;
} }
.channelList__channelIconActive svg { .channelList__channelIconActive svg {
animation: pulseWidth 1s linear infinite; animation: pulseScaleSmooth 1.6s ease-in-out infinite;
transform-origin: center;
will-change: transform;
} }
.channelList__channelLogo { .channelList__channelLogo {
flex: 1; flex: 1;
@ -243,6 +245,10 @@ a:hover { border-bottom: 1px solid #313131; }
50% { transform: scale(var(--endScale)); } 50% { transform: scale(var(--endScale)); }
100% { transform: scale(var(--initialScale)); } 100% { transform: scale(var(--initialScale)); }
} }
@keyframes pulseScaleSmooth {
0%, 100% { transform: scale(1); opacity: .9; }
50% { transform: scale(1.18); opacity: 1; }
}
/* ---------- about / channel descriptions ---------- */ /* ---------- about / channel descriptions ---------- */
.channel { margin-bottom: 15px; } .channel { margin-bottom: 15px; }