CSS ile bir elementi gizlemenin 10 yolu

Uyumluluk, erişilebilirlik, düzenin değişip değişmediği, animasyon, olay işleme ve performans açısından inceleme

1. opacity, filter:opacity()

2. color alfa

3. transform

4. clip-path

5. visibility

6. display

7. hidden

8. position

9. overlay ::after

10. width, height küçültme

[xguru]

Ben çoğunlukla display:none kullanıyordum, o yüzden buna ne gerek var diye düşünmüştüm.

Ama düzeni korurken görünmez hale getiren kısım güzelmiş.

Bu açıdan bakınca, uyumluluğu iyi olan 5. veya 3. yöntemin de oldukça kullanışlı olduğu söylenebilir.