[CSS] 태그를 숨기거나 보이게 하는 3가지 방법

romini·2021년 11월 23일
0

1.visibility

태그가 나타나고 감춰짐에 따라 transition을 적용하고 싶다면 이 속성을 추천
태그가 숨겨지면 클릭 이벤트도 적용되지 않는다.

visibility: hidden;
visibility: visible;

2.opacity

태그의 투명도를 조절하는 방법
태그가 눈에 보이지 않을 뿐 클릭 이벤트는 적용 됨..

opacity: 1;
opacity: 0;

3.display

태그를 화면에서 완전히 감추거나 나타나게 한다.
transition 속성이 먹히지 않으므로 효과를 적용할 때 번거롭다.

display: block;
display: none;

0개의 댓글