👟 style: CodeAnalyze Animation (#2348)

* refactor(CodeAnaluzer SVG)

* refactor(CodeAnalyzer SVG)

* style: center terminal animation, reduce scaling

---------

Co-authored-by: Danny Avila <messagedaniel@protonmail.com>
Co-authored-by: Danny Avila <danny@librechat.ai>
This commit is contained in:
Walber Cardoso 2024-04-09 21:34:22 -03:00 committed by GitHub
parent 2240fee44a
commit e4c07eb895
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 74 additions and 5 deletions

View file

@ -1984,4 +1984,67 @@ html {
-webkit-text-fill-color: #fff;
background-clip: content-box;
-webkit-box-shadow: 0 0 0 50vh #0d0d0d inset;
}
}
@keyframes slideFromLeftToRightAndFade {
0% {
opacity: 0;
transform: translateX(-10%);
}
20% {
opacity: 1;
transform: translateX(0);
}
70% {
opacity: 1;
transform: translateX(0);
}
75% {
opacity: 1;
transform: translateX(10%);
}
80% {
opacity: 0;
transform: translateX(20%);
}
85%, 100% {
opacity: 0;
transform: translateX(30%);
}
}
.slide-from-left {
animation: slideFromLeftToRightAndFade 2s ease-in-out infinite;
}
@keyframes slideDownAndFadeOut {
0% {
opacity: 1;
transform: translateY(-10%);
}
20% {
opacity: 1;
transform: translateY(0);
}
70% {
opacity: 1;
transform: translateY(0);
}
75% {
opacity: 1;
transform: translateY(10%);
}
80% {
opacity: 0;
transform: translateY(20%);
}
85%, 100% {
opacity: 0;
transform: translateY(30%);
}
}
.slide-to-down {
animation: slideDownAndFadeOut 2s ease-in-out infinite;
}