Skip to content

Instantly share code, notes, and snippets.

@italosantana
Last active June 21, 2022 14:08
Show Gist options
  • Save italosantana/5d356676d09e5a096a3f852cfb36a3d0 to your computer and use it in GitHub Desktop.
Save italosantana/5d356676d09e5a096a3f852cfb36a3d0 to your computer and use it in GitHub Desktop.
I was trying to put a border Image, and any element that has border-image property won't respect the border-radius (that is the border won't curve). Using this form below can do it:
position: 'relative',
border: 'solid 2px transparent',
borderRadius: '20px',
backgroundImage: 'linear-gradient(#000, #000), radial-gradient(circle at bottom, #f5cf64, #f5cf6400)',
backgroundOrigin: 'border-box',
backgroundClip: 'content-box, border-box',
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment