Docs
Meteors
Meteors
A meteor shower effect.
Meteors
Installation
npx nyxbui@latest add meteors
Add the following animations to your tailwind.config.ts file:
// tailwind.config.ts
module.exports = {
theme: {
extend: {
animation: {
meteor: "meteor 5s linear infinite",
},
keyframes: {
meteor: {
"0%": { transform: "rotate(215deg) translateX(0)", opacity: 1 },
"70%": { opacity: 1 },
"100%": {
transform: "rotate(215deg) translateX(-500px)",
opacity: 0,
},
},
},
},
},
};
Props
Meteors
Prop | Type | Description | Default |
---|---|---|---|
number | number | Number of meteors | 20 |