A simple CSS trick for creating a gradient border while keeping the element itself fully transparent.New text block
Css
.css
Note
The key advantage: the element doesn’t need a solid background. The center stays transparent, while only the border displays the gradient.
Perfect for cards, buttons, badges, and UI elements placed over images or dynamic backgrounds.