This is a one-page web app that uses custom filters provide subtle enhancements that showcases how GLSL shaders can lead to a more natural experience for the end user.
This app uses touch/click behaviours to trigger the use of various shaders without significant loss of performance.
Open src/index.html or the hosted version of the custom filters demo travel app in Chrome Canary with the chrome://flags/#enable-css-shaders flag enabled.
Custom Filters are functions that allow you to use GLSL shaders on elements that are selected via CSS Selectors using the filter CSS property with a value that is a custom function.
The Filter Effects 1.0 Editor's Draft dives into more details & provides examples as well or you can see some more details on html.adobe.com/webplatform/graphics/customfilters/
Edan Kwan for development
David Vale for design