CSS实现六角星形状代码效果

小泽 2020-08-03 12:25 1条评论

STAR-SIX

image.png

    #star-six {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 100px solid red;
      position: relative;
    }
    #star-six:after {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 100px solid red;
      position: absolute;
      content: "";
      top: 30px;
      left: -50px;
    }
本文标签: css, 六角星
0.0

说点什么吧
  • 全部评论(0