# CSS 로 엘리먼트를 숨기는 10가지 방법

> Clean Markdown view of GeekNews topic #1665. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1665](https://news.hada.io/topic?id=1665)
- GeekNews Markdown: [https://news.hada.io/topic/1665.md](https://news.hada.io/topic/1665.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-03-07T09:25:04+09:00
- Updated: 2020-03-07T09:25:04+09:00
- Original source: [sitepoint.com](https://www.sitepoint.com/hide-elements-in-css/)
- Points: 4
- Comments: 1

## Topic Body

호환성,접근성,레이아웃 변경여부,애니메이션,이벤트핸들링,퍼포먼스 관점에서 살펴보기

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 줄이기

## Comments



### Comment 1302

- Author: xguru
- Created: 2020-03-07T09:25:27+09:00
- Points: 1

전 대부분 display:none 으로 했어서 뭘 이렇게까지 하나 했는데,

레이아웃 유지한 채로 안보이게 하는 부분은 좋네요.

그렇게 보면 호환성 좋은 5번 또는 3번도 활용도가 높은듯