mirror of
https://github.com/harivansh-afk/asap.it.git
synced 2026-04-21 07:02:03 +00:00
first commit
This commit is contained in:
commit
1cdbffff09
200 changed files with 30007 additions and 0 deletions
49
app/styles/animations.scss
Normal file
49
app/styles/animations.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
.animated {
|
||||
animation-fill-mode: both;
|
||||
animation-duration: var(--animate-duration, 0.2s);
|
||||
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
||||
|
||||
&.fadeInRight {
|
||||
animation-name: fadeInRight;
|
||||
}
|
||||
|
||||
&.fadeOutRight {
|
||||
animation-name: fadeOutRight;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRight {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOutRight {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-animation {
|
||||
opacity: 0;
|
||||
animation: fadeMoveDown 0.15s forwards;
|
||||
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
@keyframes fadeMoveDown {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(6px);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue