mousehover시 opacity 부드럽게/천천히 변경

transition으로 시간 설정 가능

#idname:hover {
	
    transition: 1s ease-out;
    opacity : 0.3;

}

 

css로 마우스를 올릴 때

효과를 천천히 주는 건 알겠는데,

 

마우스 빠질때도 띡 빠지는 게 아니라

천천히 빠지게 하고 싶다면

 

반응형

 

#idname:not(:hover) {
    transition: 1s ease-out;
}

 

이렇게 해제하거나 opacity : 1; 과 같은 반대 속성을 주면 적용이 가능하다.