Back to Animations
Border Beam
边框光束
A glowing beam travels continuously around the element's border, giving cards, buttons, and inputs a living, techy edge. Adapted from border-beam by Jakub Antalík (MIT).
BackgroundContinuousIntermediate
Preview
Code
Duration
4s
Easing
linear
CSS Properties
background, mask, custom-property
Use Cases
- 高亮当前激活的卡片或方案
- AI 输入框 / 搜索框的待命状态
- 营销页的重点内容强调