2011-10-13 1 views
5

E 'possibile rendere un badge arricciato come l'immagine qui sotto usando solo CSS?Crea un badge circolare con un bordo arricciato usando solo i CSS?

Il testo deve rimanere sotto l'arricciatura e il gradiente come sotto e il testo deve essere selezionabile.

enter image description here

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

+0

Cosa hai provato? Cosa ha fallito o è andato storto? Quali difficoltà hai avuto, o stai avendo ..? –

+0

Intendi solo in CSS (cioè senza l'uso di background-image's)? – mwan

+0

mwan - sì con css puro –

risposta

10

Ebbene questo è il meglio che potessi fare: P

http://jsfiddle.net/ree2Z/

Naturalmente non funzionerà su qualcosa di diverso da un sfondo bianco, ma è vicino. XD

+0

Bello, sono impressionato – 472084

+0

lol grazie @Jleagle ma sono certo che potrebbe essere fatto meglio. : P –

+0

Molto bello! Mi piace quello –