<div class="watch-face">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
body {
background: #000;
}
.circle {
background: #fff;
height: 125px;
width: 125px;
border-radius: 50%;
position: absolute;
opacity: 0.75;
transform: translate(0, 0);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.