opacity

요소의 투명도를 지정

 

속성 값

값	의미	기본값
숫자	0부터 1사이의 소수점 숫자	1

 

 

사용법

opacity: 투명도

.half{
	opacity: 0.5; /* 50%투명도, 반투명 */
}

.transparent{
	opacity: 0; /* 0%투명도, 투명 */
}

.box{
	opacity: .75; /* 75%투명도, 반투명(0을 생략하기도 한다) */
}

 

 

 

display: none VS opacity: 0

display:none은 요소를 없애버리는거고, opacity는 요소를 안보이게 만드는것이다.