CSS实现放大镜形状代码

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

MAGNIFYING-GLASS

image.png

    #magnifying-glass {
      font-size: 10em;
      display: inline-block;
      width: 0.4em;
      box-sizing: content-box;
      height: 0.4em;
      border: 0.1em solid red;
      position: relative;
      border-radius: 0.35em;
    }
    #magnifying-glass:before {
      content: "";
      display: inline-block;
      position: absolute;
      right: -0.25em;
      bottom: -0.1em;
      border-width: 0;
      background: red;
      width: 0.35em;
      height: 0.08em;
      transform: rotate(45deg);
    }


本文标签: css, 放大镜
0.0

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