filter

元画像


-webkit-filter: blur(3px); ぼかし


-webkit-filter: brightness(30%); 明るさ


-webkit-filter: contrast(30%); コントラスト
(画像の黒い部分から白い部分までの幅(許容量))


-webkit-filter: grayscale(); グレースケール


-webkit-filter: sepia(); セピア


-webkit-filter: invert(); 反転


-webkit-filter: opacity(30%); 透過度


-webkit-filter: saturate(50%); 浸す


-webkit-filter: hue-rotate(90deg); 色調変化


-webkit-filter: hue-rotate(300deg); 色調変化


drop-shadow(rgba(0,0,0,0.5) 0 5px 5px); ドロップシャドウ