Check original Xonom and notice how background gradient shares across multiple elements. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of underlying violet layer. In addition to that, layers pass background image (girl) with equal transparency so that layers can not be superimposed on each other. All this things can be implemented at CSS.
- Any desktop browser that supports
- Mobile browsers that supports
clip:rect(). I haven’t chance to test it everywhere so if it doesn’t work for you, create an issue and I’ll update supported device list.
Please note, this is experimental library so performance of page may be low because of usage of intensive CSS properties to achieve desired effects.Website Demo