padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add animations

Browse source
This commit is contained in:
padreug 2025-03-11 02:18:11 +01:00
parent f2a3f5e53e
commit 3431dbdf97
1 changed files with 29 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/assets/index.css
View file

@ -62,6 +62,35 @@
height: 0;
}
}
/* Add standard shadcn animation durations */
--duration-fast: 150ms;
--duration-normal: 200ms;
--duration-slow: 300ms;
/* Add standard shadcn easings */
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Add standard shadcn animations */
--animate-in: animate-in var(--duration-normal) var(--ease-out);
--animate-out: animate-out var(--duration-normal) var(--ease-in);
--animate-fade-in: fade-in var(--duration-normal) var(--ease-out);
--animate-fade-out: fade-out var(--duration-normal) var(--ease-in);
--animate-slide-in-from-top: slide-in-from-top var(--duration-normal) var(--ease-out);
--animate-slide-out-to-top: slide-out-to-top var(--duration-normal) var(--ease-in);
--animate-slide-in-from-bottom: slide-in-from-bottom var(--duration-normal) var(--ease-out);
--animate-slide-out-to-bottom: slide-out-to-bottom var(--duration-normal) var(--ease-in);
--animate-slide-in-from-left: slide-in-from-left var(--duration-normal) var(--ease-out);
--animate-slide-out-to-left: slide-out-to-left var(--duration-normal) var(--ease-in);
--animate-slide-in-from-right: slide-in-from-right var(--duration-normal) var(--ease-out);
--animate-slide-out-to-right: slide-out-to-right var(--duration-normal) var(--ease-in);
}
/*