css 가시속성(사라지게 하기) hover, transdition 등 영역정리

---

 

1.  display: none; 영역사라짐

 

 

 display: none은 컨텐츠를 안보이게 하고 영역도 같이 사라지나,  transdition 이 사용 불가하다.

따라서 hover 등  transdition : all 2s 같은 효과를 쓰고 싶을때 사용 불가.

 

• display none 으로 컨텐츠를 사라지게 했다면?
• hover 적용 컨텐츠에  display: block; 을 적용, 마우스를 가따댔을때 다시 보이는 효과 가능

---

2. opacity:0; 으로 투명하게 만들기

 

 

opacity: 0; 영역 남아있으나 내용없어짐 선택가능 
hover에서 쓸때는 opacity 값을 1로 주어 다시 나타나게한다. 

 

꼭  visibility: hidden; 와 같이 사용

 

---

 3. visibility: hidden;

 

영역은 남아있으나 선택안됨