Tailwind CSS について
以前に参加したプロジェクトで使用していた。
CSSファイルに記述せずひとまとめにするため見栄えは悪くなる。
しかし、変数名を何にするか考えたり記述内容を確認するためにファイルを移動したりする手間がなくなるので、メリットは大きい。
というか、普通に表示が綺麗だし見やすい。
やりたいこと
- あえてユーザーに情報を与えない表現をしてみたい
- 例えば、情報がぼやけていて見えない
- 文言や情報の内容が曖昧でクリアではない
具体例
ぼかし
-
blur-sm（4px相当）やblur-{amount?}と記述すると、モザイクのようにぼやけて見えなくなる - ぼかした要素を囲んでいるタグにclassを当てるだけ
- divタグで囲んでまとめてぼかすこともできる
※ Blur効果はレンダリングに時間を必要とするため、大量に使いすぎるとウェブサイトのパフォーマンスに影響を与える可能性があるらしい。
参考