machen transparente Kreise mit CSS

Question

Ich spiele mit diesem Countdown:

Ich möchte einige Kreise rund um die Uhr mit einer weißen Grenze. Ich habe versucht, einige Dinge hier zu tun, aber ich weiß nicht, wie man den Hintergrund transparent macht, so dass Sie die Uhr an Tagen, Stunden, Kreisen, Sekunden sehen können?

Es ist eigentlich so, ich möchte es, aber um die Grenze zu setzen, die um die Kreise zählt, bin ich nicht gut genug, um noch zu machen. Aber das Design darauf:

Answer 1

Dies ist die einfachste Implementierung von was Sie wollen, ein transparenter Kreis mit einer Grenze.

.circle{ 
    border:2px solid white; 
    border-radius:50%; 
    background:rgba(0,0,0,0); 
    color:white; 
    width:100px; 
    height:100px; 
    text-align:center; 
    line-height:100px; 
} 

https://jsfiddle.net/aw4duktv/