22.11.02-Hover,Transition

Gon·2022년 11월 2일

공부정리

목록 보기

3/14

Hover

마우스포인터가 요소위에 올라가있으면 선택됨

/* HTML */
<a href="#">링크</a>

/* CSS */
a:hover {
  background-color: red;
}
/* 결과로 링크에 마우스를 올리면 배경이 빨갛게 변함 */

Transition

속성	설명
transition-property	전환 효과를 적용할 CSS 속성을 설정
transition-duration	전환 효과가 완료되는 데 걸리는 시간을 설정
transition-timing-function	전환 효과의 변환하는 방식을 설정
transition-duration	전환 효과가 완료되는 데 걸리는 시간을 설정
transition-delay	전환 효과가 적용요청을 받고 처리하는데 까지 걸리는 시간을 지정

ex)