nicolasjesenberger

Chinese-Style Button

Button with an interactive border gradient.  More: https://www.stefanjudis.com/today-i-learned/background-clip-is-configurable-for-every-background-gra...

<div><p>Button with an interactive border gradient.</p>

<p>More: <a href="https://www.stefanjudis.com/today-i-learned/background-clip-is-configurable-for-every-background-gradient-separately/" target="_blank">https://www.stefanjudis.com/today-i-learned/background-clip-is-configurable-for-every-background-gradient-separately/</a></p></div>

electerious

Interactive button border

Responsive version of a button design from [Baldur’s Gate 3 website](https://baldursgate3.game), made using CSS `mask-border` property...

<div><p>Responsive version of a button design from <a href="https://baldursgate3.game">Baldur’s Gate 3 website</a>, made using CSS <code>mask-border</code> property</p></div>

Baldur’s Gate 3 Responsive Button

How to create gradient borders in CSS.  More info:  https://codyhouse.co/nuggets/css-gradient-borders...

<div><p>How to create gradient borders in CSS.</p>

<p>More info: 
<a href="https://codyhouse.co/nuggets/css-gradient-borders" target="_blank">https://codyhouse.co/nuggets/css-gradient-borders</a></p></div>

Buttons using the tag:border

Buttons using the tag:
border