Ich weiß nicht, ob das überhaupt nur mit CSS möglich ist. Ich möchte einen Kreis mit transparenten horizontalen Linien machen und Sie können Größe und Position jeder dieser Linien ändern. So etwas wie dieses png Bild:Wie kann man in CSS einen reaktionsfähigen Kreis mit transparenten horizontalen Linien erzeugen?
Ich tat dies so weit, aber es ist nicht ansprechbar es nicht transparente Linien nach innen hat, aber Sie können alle Linien frei bewegen.
.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>