cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-07-22 02:19: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 {
display: flex;
width: 100%;
border-radius: 6px;
&.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 {
@ -138,6 +142,7 @@
display: flex;
align-items: center;
gap: 16px;
border-radius: 6px;
img {
width: 2.75rem;
@ -218,13 +223,9 @@
}
}
@keyframes change-glow {
0% {
box-shadow: 0 0 1px 1px @golden;
}
100% {
box-shadow: 0 0 2px 2px @golden;
@keyframes shimmer {
to {
background-position-x: 0%
}
}
}