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 (
|
return (
|
||||||
<div
|
<div
|
||||||
ref={divRef}
|
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}
|
{children}
|
||||||
{isDead && (
|
{isDead && (
|
||||||
|
|||||||
Reference in New Issue
Block a user