-webkit-clip-path polygon0 14px 14px 0 calc100 - 14px 0 100 14px 100 calc100 - 14px calc100 - 14px 100 14px 100 0 calc100 - 14px;此代码左上角左边一小块去掉一部分然后连接处用斜切角连接请写出代码
您可以使用以下代码来实现左上角左边一小块去掉一部分并用斜切角连接的效果:
.element {
-webkit-clip-path: polygon(0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px));
clip-path: polygon(0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px));
}
将上述代码应用于具有element类的HTML元素,即可实现所描述的效果。请注意,-webkit-clip-path用于适用于WebKit浏览器(如Chrome和Safari),而clip-path用于适用于其他浏览器(如Firefox和Edge)
原文地址: http://www.cveoy.top/t/topic/iZUa 著作权归作者所有。请勿转载和采集!