Как реализовать подобное размытие?

Question

[fulli]

Я попытался, но у меня не выходит подобного эффекта (
У кого-то есть идеи как это реализовать ? Или вернутся к градиенту?

Comments

[fulli]

Что-то подобное видел у ios почтового клиента... Там при пролистования сообщения в шапке не много видны и при это размыты.

Answer 1

[monochromer]

Набросал пример:
jsbin.com/kecizo/1

Comments

[fulli]

Да это уже то что надо) Но там загвоздка какае-то выходила, вспомню напишу. Из-за нее и не стал использовать. И фильт blur поддерживается плоховато(

[monochromer]

Можно реализовать и на SVG - поддержка браузеров расширится.

[fulli]

@monochromer Спасибо за помощь, есть теперь от чего отталкиваться))