css filterを使おう

投稿者パンサーfkプレイ回数252
難易度(4.0) 294打 長文タグcss filter
自分暗記用
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 地蔵 3450 D 3.7 93.6% 79.4 294 20 12 2021/10/30
2 いわお 1075 G+ 1.3 84.9% 225.1 294 52 12 2021/10/14

関連タイピング

問題文

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

(filter:brightness(100%);)

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

(filter:contrast(100%);)

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

(filter:saturate(100%);)

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

(filter:grayscale(100%);)

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

(filter:sepia(100%);)

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

(filter:invert(100%);)

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

(filter:blur(5px);)

ぼかし

(filter:hue-rotate(180deg);)

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

(filter:drop-shadow(5px 5px 10px gray);)

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

(filter:opacity(70%);)

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

(filter:brightness(80%)saturate(170%);)

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

(backdrop-filter:blur(5px);)

要素の背後の領域に適用

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、宣伝行為は禁止です。

※このゲームにコメントするにはログインが必要です。

※コメントは日本語で投稿してください。

※歌詞のコメントは著作権侵害となります。投稿しないでください!

パンサーfkのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表

人気ランキング

注目キーワード