10 Möglichkeiten, Elemente mit CSS auszublenden

Ein Blick darauf aus der Perspektive von Kompatibilität, Barrierefreiheit, Layout-Änderungen, Animation, Event-Handling und 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 verkleinern

[xguru]

Ich habe meistens einfach display: none verwendet, deshalb dachte ich zuerst: Muss man das wirklich so weit treiben?

Aber der Teil, bei dem es unsichtbar wird, während das Layout erhalten bleibt, ist schon gut.

So gesehen scheinen auch Nr. 5 oder Nr. 3 mit ihrer guten Kompatibilität sehr nützlich zu sein.