반응형
hover
-
CSS Transition : Hover, Transition duration, Transition delay, Timing function, Transition 단축속성값, Transition 단축조합컴퓨터 알아가기/HTML CSS 2021. 5. 21. 19:30
CSS Transition 즉 CSS 전환은 한마디로 시각적으로 변환되는 것을 말합니다. 예를 들어 마우스를 올리면 색이 변하는 것처럼요. 다음 CSS와 브라우저를 기준으로 예를 들겠습니다. 하나의 태그로 나타내면 브라우저는 다음과 같습니다. ▒ Hover Hover는 CSS 변환에서 가장 쉽게 볼 수 있는 속성입니다. 마우스를 올렸을때 Hover를 사용한 속성값을 표시해 줍니다. 사용법은 지정하고자하는 이름에 콜론 ":" 과 함께 hover라고 표시해 줍니다. 다음 CSS는 trans 클래스에 hover를 사용하여 위 그림의 Orange색을 연두색계열로 바꾸어 주는 코드입니다. 그리고 나서 Hello!에 마우스를 대보면 다음과 같이 색이 변합니다. ▒ Transition Duration (전환 시간) ..