File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -31,6 +31,49 @@ body {
3131 transition-duration : 150ms ;
3232}
3333
34+ /* Custom animations */
35+ @keyframes float {
36+ 0% , 100% {
37+ transform : translateY (0px ) rotate (0deg );
38+ }
39+ 50% {
40+ transform : translateY (-20px ) rotate (5deg );
41+ }
42+ }
43+
44+ @keyframes float-delayed {
45+ 0% , 100% {
46+ transform : translateY (0px ) rotate (0deg );
47+ }
48+ 50% {
49+ transform : translateY (-15px ) rotate (-5deg );
50+ }
51+ }
52+
53+ @keyframes gradient-x {
54+ 0% , 100% {
55+ background-size : 200% 200% ;
56+ background-position : left center;
57+ }
58+ 50% {
59+ background-size : 200% 200% ;
60+ background-position : right center;
61+ }
62+ }
63+
64+ .animate-float {
65+ animation : float 6s ease-in-out infinite;
66+ }
67+
68+ .animate-float-delayed {
69+ animation : float-delayed 8s ease-in-out infinite;
70+ }
71+
72+ .animate-gradient-x {
73+ background-size : 200% 200% ;
74+ animation : gradient-x 3s ease infinite;
75+ }
76+
3477
3578
3679@layer base {
You can’t perform that action at this time.
0 commit comments