css filterを使おう

背景
投稿者投稿者パンサーｆｋ  いいね0  お気に入り登録
プレイ回数723  難易度(4.1) 333打 長文
タグcss filter
自分暗記用

関連タイピング

関連タイピング一覧

問題文

ふりがな非表示 ふりがな表示

(ｆｉｌｔｅｒ：ｂｒｉｇｈｔｎｅｓｓ（１００％）；)

明度 基準100%　0%で真っ黒

(ｆｉｌｔｅｒ：ｃｏｎｔｒａｓｔ（１００％）；)

コントラスト　100%が基準　0%で灰色

(ｆｉｌｔｅｒ：ｓａｔｕｒａｔｅ（１００％）；)

彩度　100%基準　0%でモノクロgrayscale(100%)と同じ

(ｆｉｌｔｅｒ：ｇｒａｙｓｃａｌｅ（１００％）；)

モノクロ　100％で完全に白黒

(ｆｉｌｔｅｒ：ｓｅｐｉａ（１００％）；)

0%が基準100%に近いほど茶色がかったセピア調

(ｆｉｌｔｅｒ：ｉｎｖｅｒｔ（１００％）；)

諧調反転 0%基準　50%で灰色　100%で色輝度が反転（ネガ）

(ｆｉｌｔｅｒ：ｈｕｅ－ｒｏｔａｔｅ（１８０ｄｅｇ）；)

色調回転　180degで反転　360degで元に戻る

(ｆｉｌｔｅｒ：ｂｌｕｒ（５ｐｘ）；)

ぼかし

(ｆｉｌｔｅｒ：ｄｒｏｐ－ｓｈａｄｏｗ（５ｐｘ　５ｐｘ　１０ｐｘ　ｇｒａｙ）；)

影 水平　垂直　ぼかし　色（初期の色はblack)

(ｆｉｌｔｅｒ：ｏｐａｃｉｔｙ（７０％）；)

透過 opacity:と同じ 100%が基準0%で透明

(ｆｉｌｔｅｒ：ｂｒｉｇｈｔｎｅｓｓ（８０％）ｓａｔｕｒａｔｅ（１７０％）；)

複数使用　続けて入力するだけ

(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｒｇｂａ（２５５，２５５，２５５，０．３）；)

要素の背後領域を透過

(ｂａｃｋｄｒｏｐ－ｆｉｌｔｅｒ：ｂｌｕｒ（５ｐｘ）；)

要素の背後の領域に適用