纯css画三角形，勾等形状

//三角形

.money-ul li.active:after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    border-bottom: 13px solid red;

    border-left: 15px solid transparent;

}

//勾

.money-ul li.active:before{

    content: '';

    position: absolute;

    width: 7px;

    height: 3px;

    background: transparent;

    bottom: 3px;

    right: 0px;

    border: 2px solid white;

    border-top: none;

    border-right: none;

    -webkit-transform: rotate(-55deg);

    -ms-transform: rotate(-55deg);

    transform: rotate(-55deg);

    z-index: 9;

}

巴特西

纯css画三角形，勾等形状

最新文章

热门文章