GuerillaStudio/souvenir
GuerillaStudio/souvenir
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/souvenir.git synced 2025-01-20 18:50:21 +00:00
Code Issues Releases Activity Actions

style(capture countdown): Add animation

Browse source
This commit is contained in:
Tixie 2019-04-26 22:15:17 +02:00
parent 6daaa915ae
commit bcf0c8947d
1 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/assets/css/5-screens/capture.css
View file

@ -140,4 +140,25 @@
text-shadow: 0 0 1rem var(--color-tertiary); text-shadow: 0 0 1rem var(--color-tertiary);
font-weight: bold; font-weight: bold;
font-size: 10rem; font-size: 10rem;
transform-origin: center center;
animation: 1s ease-in infinite forwards counterFlash;
}
@keyframes counterFlash {
0% {
opacity: 0;
transform: scale(0);
}
30% {
opacity: 1;
transform: scale(1);
}
97% {
opacity: 0;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0);
}
} }