cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-07-22 10:29:54 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: add shimmer animation when change countdown value

Browse source
This commit is contained in:
Murilo Brito 2026-06-12 10:15:36 -03:00
parent f39558b114
commit 8e5cdedaac
1 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
styles/less/ui/countdown/countdown.less
View file

@ -114,9 +114,13 @@
.countdown-container { .countdown-container {
display: flex; display: flex;
width: 100%; width: 100%;
border-radius: 6px;
&.change-glow { &.change-glow {
animation: change-glow 1s ease-in-out infinite; animation: shimmer 1s ease-in-out;
background: linear-gradient(-45deg, transparent 30%, light-dark(@dark-blue-40, @golden-40) 35%, transparent 40%);
background-size: 300%;
background-position-x: 100%
} }
&.icon-only { &.icon-only {
@ -138,6 +142,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
border-radius: 6px;
img { img {
width: 2.75rem; width: 2.75rem;
@ -218,13 +223,9 @@
} }
} }
@keyframes change-glow { @keyframes shimmer {
0% { to {
box-shadow: 0 0 1px 1px @golden; background-position-x: 0%
}
100% {
box-shadow: 0 0 2px 2px @golden;
} }
} }
} }