多边形剪裁img 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title></title>
  <style type="text/css">
    img {
      -webkit-clip-path: polygon(100px 0px, 200px 100px, 100px 200px, 0px 100px);
    }
  </style>
</head>
<body>
<img src="http://i.zeze.com/attachment/block/5f/5f95a5f976ff1961b2e5f4343ceada53.jpg"/>
</body>
</html>
posted @ 2015-03-02 11:39  zhishaofei3  阅读(200)  评论(0)  编辑  收藏  举报