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; justify-content: center;
position: absolute; position: absolute;
transform:translateX(-100%); transform:translateX(-100%);
animation-delay: 2s;
&.one { &.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 { &.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 { &.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 { &.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 { &.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 { @keyframes slide-in {