Можно ли сделать радиальное изменение полупрозрачности?

Question

[Castro]

Необходимо сделать полу прозрачный блок, но полупрозрачность должна меняться по радиальному градиенту, то есть в центре подложка будет светлее, а на краях — темнее. Под этим блоком будет лежать картинка. Работать должно в webkit. Вообще, возможно ли такое сделать каким-либо способом?

Answer 1

[Stdit]

Если фон монотонный, можно сделать оверлей сверху картинкой (png), прозрачной внутри и с цветом фона по краям.

Comments

[Stdit]

А конкретно для вебкита есть вот такое: www.webkit.org/blog/181/css-masks/

[Stdit]

Даже без картинок: jsfiddle.net/v5Sqe/

[Castro]

Здесь проблема в том, этот эффект будет применятся под хинтом, который будет иметь ширину от 100 до 500 пикселей, то есть надо будет скейлить. Про картинку я подумал в первую очередь, но, мне кажется будут искажения

[Stdit]

Можно пример на jsfiddle?

Answer 2

[moscow_beast]

-webkit-gradient + rgba цвета