喜欢就分享给更多人!

CSS实现对话气泡形状代码

小泽 08-03 12:36
CSS实现对话气泡形状代码

TALKBUBBLE

image.png

    #talkbubble {
      width: 120px;
      height: 80px;
      background: red;
      position: relative;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
    }
    #talkbubble:before {
      content: "";
      position: absolute;
      right: 100%;
      top: 26px;
      width: 0;
      height: 0;
      border-top: 13px solid transparent;
      border-right: 26px solid red;
      border-bottom: 13px solid transparent;
    }


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