CSS में elements छिपाने के 10 तरीके

compatibility, accessibility, layout में बदलाव होता है या नहीं, animation, event handling, performance के नज़रिए से देखना

1. opacity, filter:opacity()

2. color alpha

3. transform

4. clip-path

5. visibility

6. display

7. hidden

8. position

9. overlay ::after

10. width, height कम करना

[xguru]

मैं ज़्यादातर display:none ही इस्तेमाल करता था, इसलिए लगा कि भला इसकी इतनी ज़रूरत क्या है,

लेकिन layout को बनाए रखते हुए उसे दिखाई न देने वाला हिस्सा अच्छा लगा।

उस हिसाब से देखें तो compatibility अच्छी होने की वजह से 5वां या 3वां तरीका भी काफ़ी उपयोगी लगता है।