喜欢就分享给更多人!

CSS实现放大镜形状代码

小泽 08-03 12:40
CSS实现放大镜形状代码

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);
    }


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