html代碼： <div> <img src="BC0C62C1B1962A8A.jpg"> </div> css代碼： img{ clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%); -webkit-clip-path: polygon(50% 0 ...
html代碼：
<div>
<img src="BC0C62C1B1962A8A.jpg">
</div>
css代碼：
img{
clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
-webkit-clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
-o-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
-moz-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
-ms-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
}
ps:這個坐標是從左到右，從上到下的頂點坐標，按照頂點坐標然後連線成一個幾何圖形
我這個是一個四個頂點，所以是四邊形，頂點可以有很多個，按照自己的要求，這個代碼就是把這個圖片截取成一個菱形，不行你可以試試
我理解的clip-path就是用圖片來截取成不規則圖片，
哈哈 ，目前理解就這麼多
