filter

filter 속성은 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용합니다.

보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 쓰입니다.

사용 예)

filter: blur(1px);

Filter 속성	속성	단위	효과
	blur	px	흐림 효과
	grayscale	%	회색조 (100% = 완전흑백)
	sepia	%	세피아 (100% = 완전세피아)
	saturate	%	채도 (0% = 완전 무채색)
	hue-rotate	(0~360deg)	색조 회전
	invert	%	반전 효과 (100% = 완전 반전)
	opacity	%	불투명도(0% = 투명)
	brightness	%	밝기 (0% = 검은색)
	contrast	%	대비 (0% = 검은색)
	drop-shadow(x, y, blur)	px 가로,세로, blur값은 음수는 불가능 사용 예) filter:drop-shadow(10px 10px 5px rgba(0,0,0,0.5));	그림자

기타 메모

grayscale : 100% , saturate : 0% = 둘다 똑같은 회색조