CSS实现对话气泡形状代码

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

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


本文标签: css, 对话气泡
0.0

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