CSS Partial Circle Border
CSS Partial Circle Border
- Started
- Last post
- 8 Responses
- dbloc
Trying to achieve this with rounded edges. Anyone know if this is possible?
- scruffics0
Mmm, yeah, probably not. Sorry...
- nb1
- dbloc0
OK, thought so. Sounds like you have to fake the rounded edges...I'll just resort to an SVG instead.
- ayport0
I wrote you this real quick.. I didn't check browsers other than Chrome and Safari, but it's something to build off of.
- shapesalad2
Just position two circles at the line end points, and make them match the thickness of the line. Or use a SVG.
- dmay1
I'm on my phone, can't test it, but maybe with some pseudo elements, ::before and ::after, with the same size of the border-width...
- Nairn1
SVG
- sted0
SVG all the way,
https://stackoverflow.com/questi…
far easier to manage.