CSS之 clip-path 之正六边形 polygon

最新推荐文章于 2024-08-22 09:38:29 发布

weixin_30634661

最新推荐文章于 2024-08-22 09:38:29 发布

阅读量737

点赞数 1

原文链接：http://www.cnblogs.com/eddyz/p/10999088.html

版权

https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

使用前：

使用后：

正六边形 polygon ：

.polygon-6 {

    position: absolute;

    -webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
    clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);

    width: 255px;
    height: 280px;

    overflow: hidden;

    z-index: 7;

}

转载于:https://www.cnblogs.com/eddyz/p/10999088.html