Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Make a circular badge with a border curl over using only CSS?

Tags:

css

Is it possible to make a badge curl over like the image below using only CSS?

The text must stay under the curl and gradient as below and the text should be selectable.

enter image description here

JS fiddle: http://jsfiddle.net/jitendravyas/vVeME/1/

like image 442
Jitendra Vyas Avatar asked Oct 13 '11 21:10

Jitendra Vyas


1 Answers

Well this is the best I could do :P

http://jsfiddle.net/ree2Z/

Of course it won't work on anything other than a white background, but it's close. XD

like image 88
Joseph Marikle Avatar answered Sep 23 '22 16:09

Joseph Marikle