Skip to content
LibraryCSS
Cards

Conic Glow Border

Card with a rotating conic-gradient border that glows around the edges.

Views
0
Free

Live preview is public. Source tabs, copying, the source API, and the isolated preview document require an account.

Account required

Sign up to view the source code

HTML, CSS, React output, copying, and the browser editor are available after you sign in.

Create free accountSign in

Found an issue with this effect, or made it better? Submit a fix and earn points when it is approved.

Report an issue or fix

Contributors

LibraryCSSAdded the effectFounder
#gradient#animation#glow#hover

How to use Conic Glow Border

  1. 1. Paste the HTML snippet where the effect should appear.
  2. 2. Add the CSS to your stylesheet or a <style> block.
  3. 3. Adjust colors, timing, and sizing in the browser editor.

This pure-CSS effect has no dependencies and is free to use in personal and commercial projects.

Related Cards effects

View all