如何在CSS中制作点菜单?

Baruch_Mashasha

我想用点使菜单按钮:

在此处输入图片说明

这是我的按钮的CSS:

.popup-btn
  height: 35px
  width: 35px
  border-radius: 50%
  background: gray

谢谢

吉尔达斯·坦博

您可以使用盒子阴影伪元素

div{
  width: 32px;
  height: 32px;
  background: black;
  margin: 20px auto;
  border-radius: 50%;
  position:relative;
}
div:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -2px;
    background: hsl(0, 0%, 100%);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    box-shadow: 0px 8px white, 0px 16px white;
}
<div></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章