mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-10 02:54:15 +00:00
added animations
This commit is contained in:
parent
b996266d5d
commit
bb9f2bb3e5
@ -42,6 +42,38 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.transverse-enter {
|
||||
animation: transverse-enter 0.3s ease-in-out forwards;
|
||||
}
|
||||
|
||||
.transverse-out {
|
||||
animation: transverse-out 0.3s ease-in-out forwards;
|
||||
}
|
||||
|
||||
@keyframes transverse-enter {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes transverse-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateX(30px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
|
Loading…
x
Reference in New Issue
Block a user