Sometimes getting all of your images to mesh well with your brand colors can be difficult. Filters allows you to easily apply filters to all of your images to give them a consistent look across your webpages. But Filters can be used on more than just images. You can apply modern color filters and hover effects on any of your webpage content.
The Filter Backdrop stack will allow you to get this coveted frosted glass look. But that is not all. You have access to the entire filter set for the backdrop.
Filter Backdrop applies filters over content that it's covering. In this example the Backdrop is covering an image of the Golden Gate Bridge. The filters are only applied to the background content that is covered. This allows that content that is inside of the backdrop to become more legible.
When you hover over this layout, the entire layout goes from grayscale to color. Since only the icon and button actually have color, those are the elements that you will notice.