用于剪辑png的CSS剪辑路径

时间:2016-09-16 19:53:46

标签: css clip clip-path

我对代码很陌生,我拼命试图测试剪辑路径。我已经搜索过高低的简单教程或示例代码,似乎没有任何效果。我觉得我一定很遗憾。这是迄今为止的代码:

HTML:

<body>
<img class="image" src=#imagepath>
</body>

CSS:

.image {
  width: 450px;
  height: 600px;  
  clip-path: rectangle(20px, 175px, 50px, 175px);
}

我缺少一个特定的图书馆吗?我的语法不正确吗?

这是我的codepen的链接: http://codepen.io/tlipchen/pen/gwrGbQ

非常感谢任何帮助!

0 个答案:

没有答案