z-index: -1;
background: #ccc;
background-image: linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,0));
border: 1px solid rgba(0,0,0,.4);
border-bottom: none;
border-radius: .5em .5em 0 0;
transform: perspective(.5em) rotateX(5deg);
transform-origin: bottom;
}
产生的效果图是这样的：
读者可以改变transform-origin的属性为：left,right,bottom left, left right等查看不同的效果，这里笔者为大家展示几种效果:
总结
以上所述是小编给大家介绍的CSS实现梯形标签页的核心代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
