-
+
+
+
Furtherverse
+
-
Starting
+
Starting
diff --git a/apps/desktop/src/renderer/styles.css b/apps/desktop/src/renderer/styles.css
index 8bed890..6470aea 100644
--- a/apps/desktop/src/renderer/styles.css
+++ b/apps/desktop/src/renderer/styles.css
@@ -1,36 +1,15 @@
@import "tailwindcss";
@theme {
- --animate-breathe: breathe 8s ease-in-out infinite alternate;
- --animate-slide: slide 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
- --animate-appear: appear 1s ease-out 0.2s both;
- --animate-pulse-subtle: pulse-subtle 3s ease-in-out infinite;
+ --animate-fade-in: fade-in 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+ --animate-pulse-slow: pulse-slow 3s ease-in-out infinite;
+ --animate-loading-bar: loading-bar 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
-@keyframes breathe {
- from {
- transform: scale(0.95);
- opacity: 0.5;
- }
- to {
- transform: scale(1.05);
- opacity: 0.8;
- }
-}
-
-@keyframes slide {
- 0% {
- transform: translateX(-150%);
- }
- 100% {
- transform: translateX(350%);
- }
-}
-
-@keyframes appear {
+@keyframes fade-in {
from {
opacity: 0;
- transform: translateY(10px);
+ transform: translateY(4px);
}
to {
opacity: 1;
@@ -38,12 +17,24 @@
}
}
-@keyframes pulse-subtle {
+@keyframes pulse-slow {
0%,
100% {
- opacity: 0.5;
+ opacity: 0.4;
}
50% {
opacity: 0.8;
}
}
+
+@keyframes loading-bar {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 50% {
+ transform: translateX(0);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+}