CSSで要素を隠す10の方法

互換性、アクセシビリティ、レイアウト変更の有無、アニメーション、イベントハンドリング、パフォーマンスの観点から見ていく

1. opacity, filter:opacity()

2. color のアルファ

3. transform

4. clip-path

5. visibility

6. display

7. hidden

8. position

9. overlay ::after

10. width、height を縮める

[xguru]

私はほとんど display:none を使っていたので、ここまでやる必要があるのかと思っていましたが、

レイアウトを維持したまま見えなくする部分はいいですね。

そう考えると、互換性の高い5番や3番も活用度が高そうです