Tailwind CSS 練習問題 50：フィルター（ぼかし効果）
Tailwind CSSにおいて、要素の見た目に中程度のぼかし効果（ブラー効果）を適用したい場合、正しいクラスの例はどれか。
- スタイルとして「blur-md」を指定する
- スタイルとして「filter-blur」を指定する
- スタイルとして「blur-filter」を指定する
- スタイルとして「opacity-blur」を指定する
- スタイルとして「visual-blur」を指定する
正解と解説を見る
正解：スタイルとして「blur-md」を指定する
要素の見た目にぼかし効果を適用したい場合、「blur-md」のようなクラスを指定するのが正解です。
【正解の理由】
Tailwind CSSでは、CSSの`filter: blur();`を簡単に適用するために「blur-sm」「blur-md」「blur-lg」などのユーティリティクラスが用意されています。
【不正解の理由】
• 「スタイルとして『filter-blur』を指定する」は、存在しないクラス名であるため誤り
• 「スタイルとして『blur-filter』を指定する」は、存在しないクラス名であるため誤り
• 「スタイルとして『opacity-blur』を指定する」は、存在しないクラス名であるため誤り
• 「スタイルとして『visual-blur』を指定する」は、存在しないクラス名であるため誤り