Blur as button background

How to use it

Apply a background blur to a button shape with high transparency.

When to use it

If you've got a visually exciting background and you want a button to feel like it visually belongs, you can set a background blur on the button itself. Some of the colours from the background will bleed through to the button itself, so it’ll feel visually coherent.

What to watch out for

Watch out for backgrounds that might change: if the button blur is too low, some backgrounds might cause contrast issues.

Examples