I want an image of 320x80 size so that whenever I put this image above any image it will create a blur effect. Just like a translucent mirror. Below is the sample image of iPhone app.

Here the navigation bar is blurred and what happens there is that when I scroll down the content below this nav bar gets blurred.

Is this possible to create an image like this? Which can blur everything behind it at run time (what ever the content it has behind it, not static but dynamic)

P.S. I know how to blur an image but that will be static

enter image description here


Browse other questions tagged or ask your own question.