Частичная прозрачность img

[Velidan]

Доброго дня уважаемое сообщество. Подскажите пожалуйста, как можно сделать так, чтобы у картинки в теге img (именно в img)  была боковая прозрачность с обеих сторон? (вариант с блоком поверху и его прозрачностью не подходит ибо нужно, чтобы фон просвечивался). Можно ли вообще такое сделать? Заранее спасибо за любую помощь.

ссылка на изображение, размер: 466 кбайт, 1011 x 360 точек

 

 

[Great Rash]

Всё зависит от того какие браузеры вам надо поддерживать. Если только новейшие, то сделать можно.

[Velidan]

Подойдет абсолютно любой вариант лишь бы работало. На старые браузеры вниманию не обращаю. У вас есть какие-то идеи?

 

П.С. вариант с наложением градиента данному тегу с изображением уже пробовал, не работает.

Edited November 28, 2014 by Velidan

[kattiperk]

Почему в фотошопе не сделать боковую прозрачность? Намного меньше мороки. Или ради идеи?

На ум приходит только задать такой же фон обёртке картинки.

Будет как бы нависать по бокам полупрозрачностью.

[npofopr]

Маску наложить. 

svg'шную, например, у меня недавно был похожий вопрос http://htmlforum.ru/index.php?showtopic=51138

 

Ну или вообще про маски почитать. И без svg обойтись наверно можно. 

Почему в фотошопе не сделать боковую прозрачность? Намного меньше мороки. Или ради идеи?

На ум приходит только задать такой же фон обёртке картинки.

Будет как бы нависать по бокам полупрозрачностью.

потому что пользователь никогда не полезет в фотошоп. пользователь умеет лишь загружать картинку.

[kattiperk]

Цикаво!

[amalia]

Может быть то, что вам нужно http://htmlbook.ru/css3-na-primerakh/poluprozrachnyi-fon

[Velidan]

Спасибо за ответы. 

amalia - Не совсем то, что нужно так как мне нужны только прозрачные края, а таким методом только со всем рисунком придется работать ( . Было бы здорово, если бы можно было указывать координаты прозрачности=)