如何使用动态尺寸将图像掩盖到形状?

时间:2013-10-23 02:58:17

标签: php html css

我最近遇到了一个问题,试图找出如何将动态大小的图像屏蔽到像三角形这样的形状。首先,我提出了一种比例类型的方法,其中图像的大小将传递给div风格的变量以及背景图像URL,并尝试使用宽度和高度比例来获得我想要的形状。我很快就意识到CSS无法实现。因此,我想知道是否有任何方法可以将动态大小的图像屏蔽到除了在CSS中使用mask属性之外的形状,因为它尚未被广泛支持。

1 个答案:

答案 0 :(得分:0)

当然可以,clip属性允许你使用百分比值,它可以用于css2。 Reference

一些例子:http://www.html5rocks.com/en/tutorials/masking/adobe/