要实现左下角的斜切角变高,可以修改clip-path属性中的第1个和第11个坐标点。将第1个坐标点的y值增大,将第11个坐标点的x和y值同时减小,即可实现左下角的斜切角变高。

修改后的CSS代码如下:

clip-path: polygon(0px 35px, 26px 0px, calc(60% - 25px) 0px, 60% 25px, 100% 25px, 100% calc(100% - 10px), calc(100% - 15px) calc(100% - 10px), calc(80% - 10px) calc(100% - 10px), calc(80% - 15px) 100%, 80px calc(100% - 0px), 65px calc(100% - 15px), 0% calc(100% - 15px));

transform: rotateX(180deg);

clip-path polygon0px 25px 26px 0px calc60 - 25px 0px 60 25px 100 25px 100 calc100 - 10px calc100 - 15px calc100 - 10px calc80 - 10px calc100 - 10px calc80 - 15px 100 80px calc100 - 0px 65px calc100 -

原文地址: http://www.cveoy.top/t/topic/iZTa 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录