feat: add canvas-confetti integration and AuroraButton component; enhance UI with animations and improve button interactions
This commit is contained in:
@@ -118,7 +118,31 @@
|
||||
* {
|
||||
@apply border-border outline-ring/50;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes aurora {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.animate-aurora {
|
||||
background: radial-gradient(at 20% 30%, rgba(59, 130, 246, .5), transparent 50%),
|
||||
radial-gradient(at 80% 70%, rgba(236, 72, 153, .5), transparent 50%),
|
||||
radial-gradient(at 50% 100%, rgba(34, 197, 94, .5), transparent 50%);
|
||||
background-size: 200% 200%;
|
||||
animation: aurora 6s ease infinite;
|
||||
filter: blur(12px) opacity(0.8);
|
||||
}
|
||||
Reference in New Issue
Block a user