纯CSS气泡效果
2014-06-19 15:47
176 查看
<div style="position:relative;display:block; width:100px;height:100px;border-radius:6px; border:3px solid #00f;"> <div style="position:relative;display:block;width:50px;height:50px; margin-top:10px;margin-left:-50px;"> <div style="display:block;position:absolute;left:10px;top:10px;width:0;height:0;border-style:solid;border-width:20px;border-color:transparent #00f transparent transparent;"></div> <div style="display:block;position:absolute;left:13px;top:10px;;width:0;height:0;border-style:solid;border-width:20px;border-color:transparent #fff transparent transparent;"></div> </div> </div>
效果如下:
相关文章推荐
- css实现气泡框效果
- 纯CSS气泡效果
- css实现聊天气泡效果
- css实现气泡框效果(实例加图解)
- 分享Css3设计---纯Css实现超酷的iphone玻璃气泡效果
- css实现会话气泡的效果
- 纯CSS气泡效果
- css实现气泡框效果(实例加图解)
- css实现会话气泡的效果
- 纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
- CSS实现气泡效果(bubble effect)
- 纯CSS实现聊天框小尖角、气泡效果
- 纯CSS气泡效果
- 使用css实现QQ聊天气泡效果
- [转]仅 CSS的对话气泡效果
- 前沿设计推荐-纯CSS打造的非常流行的讲话气泡效果
- [转]仅CSS的对话气泡效果
- css实现气泡框效果
- css 用◆制作 小三角气泡提示框效果
- div+CSS制作类似微信对话气泡效果的实例总结