트렌지션 효과(Transition Effect) : 시간 경과에 따른 박스모델의 스타일 변환 기능 제공
transition-property : 트렌지션 효과를 제공할 CSS 스타일 속성을 속성값으로 설정
transition-duration : 트렌지션 효과의 제공 시간을 속성값으로 설정 - 단위 : 초(s)
transition-timing-function : 트렌지션 효과의 적용 속도를 속성값으로 설정
속성값 : linear(기본), ease-in, ease-out, ease-in-out, cubic-bezier 함수 등
https://easings.net 사이트 참조
transition-delay : 트렌지션 효과의 지연 시간을 속성값으로 설정 - 단위 : 초(s)
선택자 { 기본 속성 : 기본 속성값 }
선택자 :hover { 바뀔 속성 : 바뀔 속성 값}opacity : 박스모델 투명도 관련 스타일 속성 > 속성값 : 0.0(투명) ~ 1.0(불투명 - 기본)
선택자 :hover : 마우스 커서 위치시 효과 발생
