jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change shorthand animation to individual properties.

Browse source
This commit is contained in:
bmauger 2022-05-23 10:21:46 -04:00
parent 3104199b2f
commit 62f4af2256
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/styles/animated-modal.scss
View file

@ -37,22 +37,36 @@
justify-content: center;
position: absolute;
transform:translateX(-100%);
animation-delay: 2s;
&.one {
animation: slide-in 6s ease-in-out 1s forwards 1;
animation: slide-in 6s ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-delay: 1s;
}
&.two {
animation: slide-in 6s ease-in-out 6.25s forwards 1;
animation: slide-in 6s ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-delay: 6.25s;
}
&.three {
animation: slide-in 6s ease-in-out 11.5s forwards 1;
animation: slide-in 6s ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-delay: 11.5s;
}
&.four {
animation: slide-in 6s ease-in-out 16.75s forwards 1;
animation: slide-in 6s ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-delay: 16.75s;
}
&.five {
animation: slide-in-2 6s ease-in-out 22s forwards 1;
animation: slide-in-2 6s ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation-delay: 22s;
}
@keyframes slide-in {