scrwd,
@scrwd@mastodon.social avatar

Does anybody have a better way to do gradient border buttons (or boxes) with transparent background and flexible dimensions?

Here I'm using a strange-scaling SVG image as a mask over a gradient fill - it works and allows buttons of any width or size, but has a few too many "parts" for my liking.

https://codepen.io/jon/pen/yLrygwa

P.S. border-image is not a solution here because it would distort the gradient.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • CSS
  • cubers
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • Durango
  • osvaldo12
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • ngwrru68w68
  • kavyap
  • modclub
  • tacticalgear
  • JUstTest
  • InstantRegret
  • anitta
  • cisconetworking
  • everett
  • khanakhh
  • ethstaker
  • tester
  • GTA5RPClips
  • provamag3
  • Leos
  • normalnudes
  • megavids
  • lostlight
  • All magazines