返回顶部

收藏

云状小提示框

更多
.cloud_tip {
    position: relative;
    top: 20px;
    left: 20px;
    border: 2px solid #CD0000;
    background: #FFF;
    color: orange;
    padding: 3px;
    border-radius: 40%;
    -o-border-radius: 40%;
    -moz-border-radius: 40%;
    -webkit-border-radius: 40%;
    border-bottom-left-radius: 25%;
    -o-border-bottom-left-radius: 25%;
    -moz-border-bottom-left-radius: 25%;
    -webkit-border-bottom-left-radius: 25%;
    border-bottom-right-radius: 25%;
    -o-border-bottom-right-radius: 25%;
    -moz-border-bottom-right-radius: 25%;
    -webkit-border-bottom-right-radius: 25%;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    display: inline-block;
}
.cloud_tip:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 3px;
    display: block;
    background: #CD0000;
    transform: rotate(50deg) skew(20deg,10deg);
    -o-transform: rotate(50deg) skew(20deg,10deg);
    -moz-transform: rotate(50deg) skew(20deg,10deg);
    -webkit-transform: rotate(50deg) skew(20deg,10deg);
    z-index: -1;
}

标签:css

收藏

0人收藏

支持

0

反对

0

发表评论