10 Cara Menyembunyikan Elemen dengan CSS

Membahasnya dari sudut pandang kompatibilitas, aksesibilitas, apakah tata letak berubah, animasi, penanganan event, dan performa.

1. opacity, filter:opacity()

2. alfa color

3. transform

4. clip-path

5. visibility

6. display

7. hidden

8. position

9. overlay ::after

10. mengurangi width, height

[xguru]

Saya kebanyakan pakai display:none, jadi sempat berpikir buat apa sampai segitunya,

Tapi bagian yang bisa disembunyikan tanpa mengubah layout memang bagus.

Kalau begitu, sepertinya nomor 5 atau 3 yang kompatibilitasnya bagus juga cukup berguna