Apply unique effects to images using Athena's built-in filter classes.
Not compatible with IE 11
Note that CSS filters are not compatible with and will have no effect in IE 11.
Contents
Base Filters
Sepia
<img src="https://unsplash.it/255/255" class="filter-sepia">
Grayscale
<img src="https://unsplash.it/255/255" class="filter-grayscale">
Brightness
<img src="https://unsplash.it/255/255" class="filter-brightness">
Blur
<img src="https://unsplash.it/255/255" class="filter-blur">
State Change Filter Overrides
By combining a filter and state classes, you can transition between filters on hover, active, and focus. Filter changes on state change (including parent/child element state changes) are documented in further detail in our state class documentation.