只使用CSS制作一个边框卷曲的圆形徽章?

只使用CSS制作一个边框卷曲的圆形徽章?,css,Css,是否可以仅使用CSS使徽章像下图那样卷曲 文本必须保持在下面的卷曲和渐变下,并且文本应该是可选的 JS fiddle:这是我能做的最好的了:p 当然,除了白色背景之外,它对任何东西都不起作用,但它很接近。XD你试过什么?什么失败了,还是出了问题?你遇到了什么困难,或者你正在遇到什么困难?你是说只使用CSS(即不使用背景图像)?mwan-是的,使用CSS Pure那将是一些史诗般的CSS,如果你能使用CSS掩码。但我认为不值得将边界半径更改为50%来创建一个圆圈,谢谢@Jleagle,但我相信

是否可以仅使用CSS使徽章像下图那样卷曲

文本必须保持在下面的卷曲和渐变下,并且文本应该是可选的


JS fiddle:

这是我能做的最好的了:p


当然,除了白色背景之外,它对任何东西都不起作用,但它很接近。XD

你试过什么?什么失败了,还是出了问题?你遇到了什么困难,或者你正在遇到什么困难?你是说只使用CSS(即不使用背景图像)?mwan-是的,使用CSS Pure那将是一些史诗般的CSS,如果你能使用CSS掩码。但我认为不值得将边界半径更改为50%来创建一个圆圈,谢谢@Jleagle,但我相信可以做得更好P