Test CSS: filters

https://developer.mozilla.org/en-US/docs/Web/CSS/filter
		
https://html5book.ru/css3-filtry/
https://www.w3schools.com/cssref/css3_pr_filter.php
		
https://doka.guide/css/filter/
https://doka.guide/css/filter-functions/

https://developer.mozilla.org/en-US/docs/Web/CSS/filter
http://css-plus.com/2012/03/gaussian-blur/

https://htmlbook.ru/css/filter
Internet Explorer
	
https://www.youtube.com/watch?v=k-qqZ7rcy-E	

-------- SVG
https://habr.com/ru/articles/439282/
Эффекты фильтрации SVG. Часть 1. SVG фильтры 101

https://www.youtube.com/watch?v=DuaV3vLbU_8
SVG Filters — разбираемся и сравниваем с CSS Filters

https://www.youtube.com/watch?v=gZPUBDu6DOo
005. SVG фильтры - Юлия Бухвалова
	

filter: blur

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur
@supports (filter: blur(0)) {
   .support-blur-true {display : block;}
   .support-false-false {display : none;}
}
support blur filter: FALSE
support blur filter: TRUE
.f-blur5{filter:blur(5px);}

filter: brightness

support brightness filter: FALSE
support brightness filter: TRUE
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness			
				
.f-brightness50{filter:brightness(50%);}
.f-brightness150{filter:brightness(150%);}

filter: contrast

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast					
				
.f-contrast50{filter:contrast(50%);}
.f-contrast150{filter:contrast(150%);}

filter: drop-shadow

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow

.f-drop-shadow10{filter:drop-shadow(20px 30px 50px black);}

filter: grayscale

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale

.f-grayscale100{filter:grayscale(100%);}

filter: hue-rotate

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate

.f-hue-rotate{filter:hue-rotate(180deg);}

filter: invert(100%);

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert

.f-invert100{filter:invert(100%);}

filter: opacity(30%);

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/opacity

.f-opacity30{filter:opacity(30%);}

filter: saturate(300%);

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate

.f-saturate300{filter:saturate(300%);}

filter: sepia(150%);

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia

.f-sepia150{filter:sepia(150%);}

SVG, filter: url();

http://stackoverflow.com/questions/12173130/css-filter-not-working-in-firefox
https://habr.com/ru/articles/439282/
https://www.w3.org/TR/filter-effects-1/#FilterPrimitivesOverview

			

SVG, filter feMorphology

https://www.w3.org/TR/filter-effects-1/#feMorphologyElement

filter: url(filter.svg#filterId);

blur, SVG filter

	https://developer.mozilla.org/en-US/docs/Web/CSS/filter
	http://css-plus.com/2012/03/gaussian-blur/
	
	https://developer.mozilla.org/en-US/docs/Web/CSS/filter
	http://css-plus.com/2012/03/gaussian-blur/
	
HTML element blur via SVG