The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] CSS Half Circle border a.k.a Smile
Hi everyone, I’m trying to make a half circle white border within a circle using CSS only instead of SVG. Like a smiley face with no eyes. Does anyone out there have any ideas on how to do this?
Thanks! :)
Almost
http://codepen.io/Paulie-D/pen/YPyzwy
Hi. You could also use just simple ascii code.
http://jsfiddle.net/josekerekes/k92e5od2/
Yeah but you can’t animate that. Try hovering the smiley. :)
That is true and also the effect is very cool. This way you can also animate the mouth (from grumpy face — horizontal line — to smiley face)
THANK YOU!!