小编Pas*_*get的帖子

CSS中的动态语音泡泡

我想做这样的事情: CSS讲话泡泡

我想使用纯CSS.Bootstrap v3已经加载.

我已经非常接近了类似的东西

.bubble {
                   position:relative;
                   left: 15px;
                   padding: 10px;
                   background: #FFFFCC;
                   margin: 5px 5px;
                   max-width: 250px;
                   border: #FFCC00 solid 1px;
                }

.bubble:before {
                   position:absolute;
                   content: ""; 
                   top:15px;left:-10px;
                   border-width: 10px 15px 10px 0px;
                   border-color: transparent  #FFFFCC;
                   border-style: solid;
                 }
Run Code Online (Sandbox Code Playgroud)

但结果并不是我想要的.

我已经四处寻找并摆弄了一些,但没有找到符合我需求的优雅解决方案.

几年前我会用表格和图像做到这一点,但2015年肯定有更好的方法吗?

html css tooltip popover twitter-bootstrap-3

2
推荐指数
1
解决办法
7680
查看次数

标签 统计

css ×1

html ×1

popover ×1

tooltip ×1

twitter-bootstrap-3 ×1