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번도 활용도가 높은듯