用CSS制作透明圆圈

时间:2016-09-03 11:16:30

标签: css

我正在玩这个倒计时:

我想要一些带有白色边框的昼夜不停的圆圈。我试着在这里做一些事情,但我不知道如何让背景透明,所以你可以看到天,小时,圆圈,秒钟的时钟?

实际上我喜欢它,但是为了设置围绕圆圈的边框,我还不够好。但它的设计:

1 个答案:

答案 0 :(得分: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/