首页 前端知识 css梯形渐变

css梯形渐变

2024-11-02 10:11:02 前端知识 前端哥 350 530 我要收藏

 

 <div class="gradient_bg"> 2022-06  </div>

.gradient_bg {

      height: 43px;

      background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, rgba(7, 193, 96, 0.48) 100%);

      border-left: 1px solid;

      border-right: 1px solid;

      border-bottom: 2px solid;

      transform: perspective(0.4em) rotateX(3deg);

      border-image: linear-gradient(to top, rgb(0 0 0 / 0%), rgba(0,0,0,0)) 1 1;

    }

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19773.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!