Beam Border
An animated beam of light which travels along the border of its container.
beams
images
config
Installation
Run the following command:
npx ever-ui-clx@0.2.1 add demo-beam-borderUpdate tailwind.config.ts
Modify your tailwind.config.ts as follows:
// tailwind.config.ts
module.exports = {
theme: {
extend: {
keyframes: {
"beam-border": {
"100%": {
"offset-distance": "100%",
},
},
},
animation: {
"beam-border": "beam-border calc(var(--duration)*1s) infinite linear",
},
},
},
};Usage
