# Come creare un'intestazione traslucida e sfocata simile a iOS

**URL:** <https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108>\
**Category:** UX\
**Created:** [13 Settembre 2018, 10:46am UTC](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108 "2018-09-13T10:46:06Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [13 Settembre 2018, 8:39pm UTC](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108/7 "2018-09-13T20:39:00Z")

</div>

As @merefield said earlier, [backdrop-filter](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter) would apply the blur effect to the underlying elements, but support is spotty (no Firefox, Chrome supports it only with a change to user’s browser preferences).

It would give you something like this, where supported:

 ![09%20PM](https://global.discourse-cdn.com/meta/original/3X/e/f/ef6427af72c731bc417eeaf2c01a07f74dd0013d.png)

---

_[View the full topic](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108)._