css треугольная маска - PullRequest
       17

css треугольная маска

3 голосов
/ 21 февраля 2011

Я хотел бы создать тему для Tumblr, в которой два изображения накладываются друг на друга, чтобы отображаться как одно изображение.Два изображения будут расположены друг над другом, а верхнее изображение будет замаскировано в форме треугольника.

Вот макет фотошопа, который я надеюсь достичь: http://s3.amazonaws.com/data.tumblr.com/tumblr_l6w6w3sdM51qa49m9o1_1280.png?AWSAccessKeyId=0RYTHV9YYQ4W5Q3HQMG2&Expires=1298329479&Signature=cUcRVwOWEp6m%2BDDnJgTs81rhPxA%3D

Единственное, в чем я не уверен - это маскировка изображения треугольника.Не уверен, что это возможно ... Есть идеи?

1 Ответ

2 голосов
/ 21 февраля 2011

Для кросс-браузерной совместимости вам необходимо создать маску в виде прозрачного изображения в нужной вам форме. Смотрите мою ссылку ниже. Я создал треугольную маску в фотошопе и применил ее к изображению.

Проверьте рабочий пример на http://jsfiddle.net/39VG9/1/

...