css实现三角形箭头

行业动态 公司新闻 案例分享 技术百科

css实现三角形箭头

来源:奇站网络 浏览量:5 发布日期: 2025-06-09

效果图:

image.png



.progress {
        width: 90%;
        height: 30px;
        background-color: #ff7600;
        position: relative;
       }
.progress::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        transform: translateX(100%);
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #ff7600;
    }


标签:
下一篇

厦门奇站网络科技有限公司

电话:13313868605

QQ:3413772931

地址:厦门集美区软件园三期

网站地图


                    扫一扫加我咨询