मुझे नहीं पता कि यह केवल सीएसएस के साथ भी संभव है या नहीं। मैं पारदर्शी क्षैतिज रेखाओं के साथ एक सर्कल बनाना चाहता हूं और आप इन पंक्तियों में से प्रत्येक के आकार और स्थिति को बदल सकते हैं। इस png चित्र की तरह कुछ:सीएसएस में इसके अंदर पारदर्शी क्षैतिज रेखाओं के साथ एक उत्तरदायी सर्कल कैसे बनाएं?
मैं अब तक ऐसा किया है, लेकिन यह इसके अंदर नहीं पारदर्शी लाइनों है उत्तरदायी नहीं है, लेकिन आप स्वतंत्र रूप से सभी लाइनों को स्थानांतरित कर सकते हैं।
.enjoy-css {
box-sizing: content-box;
width: 300px;
height: 300px;
position: absolute;
border: none;
border-radius: 150px;
background: linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white)black;
background-repeat: no-repeat;
background-position: 90% 90%, 55% 75%, 90% 10%, 95% 30%, 90%;
background-origin: padding-box;
background-size: 124px 20px, 153px 20px, 124px 20px, 153px 20px, 80px 20px;
}
<div class="enjoy-css">
<span></span>
</div>