css filterを使おう
関連タイピング
-
初心者向けです。
プレイ回数7618英語546打 -
html DOM要素
プレイ回数547英語長文285打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数3567英語長文721打 -
TLJ専用のHTML練習用タイピングです。
プレイ回数4554260打 -
HTML5とCSS3を学ぼう
プレイ回数2.7万長文869打 -
2022.12.14：プロパティを削除･追加。
プレイ回数3081英語90秒 -
bootstrap5 form
プレイ回数146英語長文486打 -
プレイ回数472長文英字265打
問題文
ふりがな非表示
ふりがな表示
(ｆｉｌｔｅｒ：ｂｒｉｇｈｔｎｅｓｓ（１００％）；)
明度 基準100% 0%で真っ黒
(ｆｉｌｔｅｒ：ｃｏｎｔｒａｓｔ（１００％）；)
コントラスト 100%が基準 0%で灰色
(ｆｉｌｔｅｒ：ｓａｔｕｒａｔｅ（１００％）；)
彩度 100%基準 0%でモノクロgrayscale(100%)と同じ
(ｆｉｌｔｅｒ：ｇｒａｙｓｃａｌｅ（１００％）；)
モノクロ 100％で完全に白黒
(ｆｉｌｔｅｒ：ｓｅｐｉａ（１００％）；)
0%が基準100%に近いほど茶色がかったセピア調
(ｆｉｌｔｅｒ：ｉｎｖｅｒｔ（１００％）；)
諧調反転 0%基準 50%で灰色 100%で色輝度が反転（ネガ）
(ｆｉｌｔｅｒ：ｈｕｅ－ｒｏｔａｔｅ（１８０ｄｅｇ）；)
色調回転 180degで反転 360degで元に戻る
(ｆｉｌｔｅｒ：ｂｌｕｒ（５ｐｘ）；)
ぼかし
(ｆｉｌｔｅｒ：ｄｒｏｐ－ｓｈａｄｏｗ（５ｐｘ ５ｐｘ １０ｐｘ ｇｒａｙ）；)
影 水平 垂直 ぼかし 色（初期の色はblack)
(ｆｉｌｔｅｒ：ｏｐａｃｉｔｙ（７０％）；)
透過 opacity:と同じ 100%が基準0%で透明
(ｆｉｌｔｅｒ：ｂｒｉｇｈｔｎｅｓｓ（８０％）ｓａｔｕｒａｔｅ（１７０％）；)
複数使用 続けて入力するだけ
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｒｇｂａ（２５５，２５５，２５５，０．３）；)
要素の背後領域を透過
(ｂａｃｋｄｒｏｐ－ｆｉｌｔｅｒ：ｂｌｕｒ（５ｐｘ）；)
要素の背後の領域に適用