8 Replies
the shape to the right of the weapon image
hopefully not in css and html
it could be created with an SVG
it's from a game, so, hopefully not svg either
probably a texture - done with anything that can output an appropriate image format for baking
so this is very cursed but here it is with gradients: https://codepen.io/jsnkuhn/pen/xbxrRda?editors=1100
this would be a lot easier with
corner-shape and background-clip: border-area; crossing fingers that they become real at some pointyou madlad!
Hadnt heard of background clip border area ! If it does what I think it should , that would be helpful ! Or just allow us to use border-radius with border-image
border-area went live in stable Safari 18.2 and Jen Simmons wrote a nice blog post about it at the time https://webkit.org/blog/16214/background-clip-border-area/ Unfortunately not as much enthusiasm from the other browsers yet.