cssカスタマイズ

()の中は変化なしの値
//の右は値の範囲

filter:blur(0px); //0px~
filter:brightness(100%); //0%~
filter:contrast(100%); //0%~
filter:grayscale(0%); //0%~100%
filter:hue-rotate(0deg); //~0deg~
filter:invert(0%); //0%~100%
filter:opacity(100%); //0%~100%
filter:saturate(100%); //0%~
filter:sepia(0%); //0%~100%

filter:drop-shadow(0px 0px 0px transparent);
//~0px~ ~0px~ 0px~ colorcode/rgb/rgba/colorname

空白でつなげば複合加工も可能
filter:blur() brightness() contrast() grayscale() hue-rotate() invert() opacity() saturate() sepia() drop-shadow();


プロパティ
filter

()の中の数値を含めてが値
blur()
brightness()
contrast()
drop-shadow()
grayscale(
hue-rotate()
invert()
opacity()
saturate()
sepia()