_____                     
           / ____|                    
 _____   _| |  __ _ __ __ _ _ __ ___  
/ __\ \ / / | |_ | '__/ _` | '_ ` _ \ 
\__ \\ V /| |__| | | | (_| | | | | | |
|___/ \_/  \_____|_|  \__,_|_| |_| |_|

Also inspired by CSSgram. All filters should work in Chrome / Chromium based browser. Firefox has a problem using feImage, which is used for the gradients, because of this bug.

filter ids

usage

filters are defined in defs. see how to use svg defs in html and css.