【问题标题】:css triangle maskCSS三角形蒙版
【发布时间】:2011-02-21 11:06:13
【问题描述】:

我想为 tumblr 创建一个主题,其中两个图像重叠显示为一个图像。这两个图像将被放置在另一个之上,顶部图像以三角形的形状被遮盖。

这是我希望实现的 Photoshop 模型:http://s3.amazonaws.com/data.tumblr.com/tumblr_l6w6w3sdM51qa49m9o1_1280.png?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1298329479&Signature=cUcRVwOWEp6m%2BDDnJgTs81rhPxA%3D

我唯一不确定的是三角形图像的遮罩。不确定是否有可能...有什么想法吗?

【问题讨论】:

标签: css image mask


【解决方案1】:

为了跨浏览器兼容性,您需要将遮罩创建为您喜欢的形状的透明图像。请参阅下面的链接。我在 Photoshop 中创建了一个三角形蒙版并将其应用于图像。

http://jsfiddle.net/39VG9/1/查看工作示例

【讨论】:

  • 不错的尝试,但有时让外部表单透明很重要。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-07-28
  • 2015-03-17
  • 1970-01-01
  • 2011-11-13
  • 2015-01-13
相关资源
最近更新 更多