Animated Gradient Borders with Pure CSS

Add a smooth, animated border that continuously rotates around any element you choose, using nothing but CSS. This effect leverages a conic gradient background technique to create a seamless color flow around your elements, while also respecting users who prefer reduced motion.

Create your own conic gradient with this generator: https://uisurgeon.com/tools/conic-gradient-generator