Scope player card transitions: ring/shadow fast, fade/transform slow
transition-all duration-1000 on PlayerParticipantCard wrapper slowed current- turn ring/border animation. Turn pointer visibly laggy at 400ms turn intervals. Fix: scoped transition properties. opacity/transform/filter/border-color = 1s for fade/death animations. box-shadow = 300ms for current-turn ring highlight, so turn pointer snaps between participants while fades stay smooth.
This commit is contained in:
+1
-1
@@ -2597,7 +2597,7 @@ function PlayerParticipantCard({ id, isActive, status, onExit, className, childr
|
||||
return (
|
||||
<div
|
||||
ref={divRef}
|
||||
className={`transition-all duration-1000 ease-in-out ${fadeClass} ${deathClass} ${className}`}
|
||||
className={`[transition:opacity_1s_ease-in-out,transform_1s_ease-in-out,filter_1s_ease-in-out,border-color_1s_ease-in-out,box-shadow_300ms_ease-in-out] ${fadeClass} ${deathClass} ${className}`}
|
||||
>
|
||||
{children}
|
||||
{isDead && (
|
||||
|
||||
Reference in New Issue
Block a user