How to recreate this resize handle in CSS?
I got this design for a resize handle (in black), and I'm wondering how I can re-create it with CSS.
Note that the outline is curved in all ends.
Any help would be appreciated.
Thanks!
This is what I have so far: https://codepen.io/bengry/pen/yLqyJvK?editors=1100
4 Replies
Border radius on before element that's at least 10% cut into the main div use colors to only show that part easiest way
Not sure I understand the placement of elements here. Plus, how would that achieve the rounded corners all around the line (i.e. handle)?
I think you're better off using an svg
you could easily make one with the likes of figma, inkscape
