2016-09-03 90 views
-1

我正在玩這個倒計時:用CSS製作透明圓圈

我想要一些白色的邊界全天候的圓圈。我試圖在這裏做一些事情,但我不知道如何讓背景透明,所以你可以在幾天,幾小時,幾圈,幾秒鐘看到時鐘?

實際上我喜歡這個,但是爲了設置圍繞圓圈的邊界,我還不夠好。但它的設計:

+1

這是你鏈接到一個空白的小提琴。 – Utkanos

回答

2

這是你想要的最基本的實現,一個帶邊框的透明圓。

.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/