Translucency Header

[TheGreenGentleman]

Hi Guys,

 

I'm trying to achieve a translucency effect like MS Aero and iOS 7 effect.

 

Basically I want all the contents passing below my header to be visible but just enough transparency and blur, just a subtle effect.

This one blurs the item but since it's in the header it blurs the content of the header rather the item below it.

    -webkit-filter: blur(10px);    filter: blur(10px);