mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-01-17 16:05:32 +01:00
👟 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:
parent
2240fee44a
commit
e4c07eb895
2 changed files with 74 additions and 5 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue