小三角与气泡

1、CSS规则气泡实现

首先画一个矩形,设置定位,然后画一个小三角,绝对定位于矩形下方;描边气泡:在画一个同样的小三角,背景与矩形背景一致,叠加在上一个三角形上,定位上移。注意:第二个小三角上移的距离不等于矩形边框宽度。

2、不规则气泡:首先在画一个右下角的直角三角形,再叠加一个右下角高度稍矮的直角三角形。移动到合适的位置。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以前我画小三角时用我新学到的CSS的border属性画的。然后按照这个思路我学会了画气泡以及有边框的气泡,下面是圆...
    张延伟阅读 253评论 0 1
  • 转载自为你读诗 我细数时针的脚步,听光阴低语, 见朗朗白昼坠入夜的狰狞。 我凝眸紫罗兰的绚丽,见证花季凋零, 听卷...
    微笑的太阳鱼阅读 825评论 0 0
  • 那只 老坟土 突然开出一只花 在风里 在云端 喘息不安 我 洗净泪的模糊 心 穿透记忆的封存 一页清澈的池水 站...
    一池凹水凸龙阅读 158评论 4 6
  • 一眨眼,这雨竟然下了有一个星期。 这是南方的梅雨季节,每天的天气被雨覆盖,连窗外的盆栽也不断被雨敲打着,洗漱着,洗...
    西边牧羊阅读 334评论 0 0
  • 我们都知道当有个小baby降临的时候,作为初为父母的新手,都100%希望给孩子最好的。 可是想和做是...
    胖子中的小瘦子2阅读 494评论 2 7