CSS混合模式

时间:2018-06-24 20:18:43

标签: css

我正在尝试使用CSS混合模式设计T恤。我已经尽力了,但是有没有更好的方法可以使用CSS混合模式创建此设计,从而使婴儿图像与T恤图像融合?

https://codepen.io/akin-orisajobi/pen/JZBPBz

.tshirt-design {
  height: 100vh;
  background-image: url(https://image.ibb.co/d1TwN8/baby1_resized.png), url("https://image.ibb.co/ifxRpo/crew_front.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 150px 150px, contain;
  background-position: 120px 70px, 0 0;
  background-blend-mode: multiply;
}
<div class="tshirt-design">
</div>

0 个答案:

没有答案