テクノロジー

これは疑似要素の便利な使い方！ レイアウトは変えずにクリックできるエリアを広げるCSSのテクニック
2025/08/28 00:39 コメント 6件
1: tofu-kun 2025/08/28 10:32

よく考えるものだ

2: coliss 2025/08/28 10:43

レイアウトはそのまま変えずにクリック・タップ可能な領域を広げるCSSのテクニック

3: shige-u 2025/08/28 11:03

レイアウトを変えずにクリックエリアだけを広げたいシーンってなんだろ？他の要素に被ってしまいそう。そうでなければpaddingで良いよね。

4: Knoa 2025/08/28 11:38

クリッカブル要素そのものに padding:10px; margin:-10px; で済むよ

5: w_bonbon 2025/08/28 12:03

優秀なデザイナーはfigmaやsvgなどにクリック領域考慮の不可視のRectを含めてくれるのでデザイナーさん居りましたら覚えておいて欲しいです〜

6: kvx 2025/08/28 12:51

アクセシビリティやってる時は定番の処理