あふれるホスピタリティ！ 気がきくCSSプロパティの精鋭たちを紹介します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

あったらいいな、コンビニのスイーツデリバリー。こんにちは、フロントエンドエンジニアのザワです。 我々フロントエンドは、普段から何十種類というCSSプロパティを駆使してWebサイトの見た目を作るお仕事をしています。今回は、そのプロパティの中でも、渋くて優しくて気のきくジェントルマン、カウンターバーで「お隣の方からです……」的な、ホスピタリティあふれるCSSプロパティにフォーカスしていきたいと思います。 pointer-events: none; 効果 クリックやタッチイベントを無効化する。 場面 使う場面としては、スマホ画面などでよく見られる、ハンバーガーメニューをクリックして表示されるメニュー画面の表示非表示などです。opacityを0に設定すると要素が透明になって見た目では見えなくなりますが、要素自体は存在するのでクリックできてしまいます。 そこで「pointer-events: non

[kyompi]

“pointer-events: none;”これは知らなかった。can i use で見たらほとんどのブラウザが対応してるし便利そうだ。