diff --git a/client/src/components/CharacterCard.module.css b/client/src/components/CharacterCard.module.css index 3a3819b..0f12505 100644 --- a/client/src/components/CharacterCard.module.css +++ b/client/src/components/CharacterCard.module.css @@ -157,11 +157,24 @@ .dying { border: 2px solid var(--danger) !important; animation: dyingPulse 1.5s ease-in-out infinite; + transition: none; } @keyframes dyingPulse { - 0%, 100% { box-shadow: 0 0 6px rgba(var(--danger-rgb), 0.4); } - 50% { box-shadow: 0 0 20px rgba(var(--danger-rgb), 0.85); } + 0%, 100% { + box-shadow: + 0 4px 12px rgba(var(--shadow-rgb), 0.5), + 0 1px 4px rgba(var(--shadow-rgb), 0.3), + inset 0 1px 0 rgba(var(--gold-rgb), 0.06), + 0 0 6px rgba(var(--danger-rgb), 0.4); + } + 50% { + box-shadow: + 0 4px 12px rgba(var(--shadow-rgb), 0.5), + 0 1px 4px rgba(var(--shadow-rgb), 0.3), + inset 0 1px 0 rgba(var(--gold-rgb), 0.06), + 0 0 20px rgba(var(--danger-rgb), 0.85); + } } .dead {