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.
Quickly filter your content with over 40 filter presets inspired by the world famous Instagram filters.
By applying the same filter to all of your images, it will give them all a standard and uniform look.
You can apply filters to more than just images. You can apply filters to entire stacks layouts.
Create that coveted frosted glass look with Backdrop filters.
Apply filters only to content is that covered by the backdrop. This gives you a beautiful effect and allows your content to pop from the background.
You get full control over every minute detail in custom filters: brightness, contrast, hue, blur and more.
Create the popular duotone effect on your images. You can mix up to 3 different colors to give you a unique modern look.
You now have the power of Photoshop layer blending with your live webpage content.
Apply unique filters to all of your content on hover. You can't do that in Photoshop.
Filters works great with Total CMS images, galleries and blogs. This is a great way to apply a consistent styles to all images.
You get 3 Filters swatches for Foundation 6. This allow you to easily apply filters to your entire site easily.
{{{ summary }}}
Note: This demo uses A LOT of Filter stacks. On some machines, this could cause perform slowly. In a real world scenario, you probably don't want to use Filters as much on large resolution images.
ORIGINAL
Original
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.
We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.
Uploaded by Weaver's Space
Uploaded by {{{ from }}}
© 2025 Weavers Space | Terms of Service | Privacy Policy