弹框小三角

1. 样子

代码

.f-list-header-plate:before {
    content: "";
    position: absolute;
    left: 63px;
    top: -5px;
    display: block;
     10px;
    height: 10px;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #ebebeb transparent transparent #ebebeb;
  }

2.文件夹小三角

代码

.left_nav .ant-menu li .ant-menu-submenu-title:after {
    transition: opacity 0.2s;
    opacity: 1;
    display: block;
    content: '';
     0;
    height: 0;
    position: absolute;
    top: 20px;
    right: 16px;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.65);
}

3.最新版本

       &:before {
            content: "";
            position: absolute;
            clear: both;
            left: 791px;
            top: 7px;
            display: block;
             0;
            height: 0;
            border: 6px solid transparent;
            padding: 0;
            margin: 0;
            top: 0px;
            left: 790px;
            border-bottom-color: rgba(0, 0, 0, 0.8);
        }