<!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>
原文：http://www.cnblogs.com/zhishaofei/p/4308370.html