如何在 css 中使用剪裁来混合两个图像？
How to mix two image using clipping in css?
我有两张图片link。
原图-
遮罩图像 -
这是结果图片。
我怎样才能得到这样的结果？
我正在寻找一些使用 css - clip-path : rect(....) 的方法，但我找不到
使用图像遮罩。
确保蒙版为.png，其中灰色部分是透明的。然后，按以下方式使用它：
CSS: img{background-image: url('original_image');}
HTML: <img src="mask.png"/>
请在此处查看示例：http://codepen.io/anon/pen/pjOwpe
您可能希望使用某些 CSS 背景属性来对齐原始图像，以便显示正确的部分（参见 http://www.w3schools.com/cssref/pr_background-position.asp）
我有两张图片link。
原图-
遮罩图像 -
这是结果图片。
我怎样才能得到这样的结果？
我正在寻找一些使用 css - clip-path : rect(....) 的方法，但我找不到
使用图像遮罩。
确保蒙版为.png，其中灰色部分是透明的。然后，按以下方式使用它：
CSS: img{background-image: url('original_image');}
HTML: <img src="mask.png"/>
请在此处查看示例：http://codepen.io/anon/pen/pjOwpe
您可能希望使用某些 CSS 背景属性来对齐原始图像，以便显示正确的部分（参见 http://www.w3schools.com/cssref/pr_background-position.asp）