Tooltip

by Joshua Dwire

HTML

<span class="tooltip">second scene<div class="tooltip-point"></div></span>

CSS

.tooltip-point{
    width: 0;
    height: 0;
    border:10px solid transparent;
    border-bottom-width:0;
    border-top-color:rgba(0,0,0,.7);
    position:absolute;
    bottom:-10px;
    margin-left:-10px;
    left:50%;
}
.tooltip{
    background:rgba(0,0,0,.7);
    display:inline-block;
    padding:5px;
    position:relative;
    min-width:10px;
    text-align:center;
    color:#fff;
    border-radius:3px;
}