쇼핑몰 상단의 메뉴 버튼 텍스트에 마우스를 올리면 텍스트의 색상이 바뀌는 애니메이션 효과를 구현해 봅시다!
- index.css 파일을 열고 아래 속성 값을 작성해 봅시다.
- 실제 프로세스를 보려면,
#intro nav ul li a { } 내부 중괄호 전환의 재산과 지속 자산 가치 이행: ; 양식에 추가하십시오.
- 속성 속성 값: 색상
- 기간 속성 값: 0.3초
- #intro nav ul li a:hover { }를 입력하고 중괄호 안에 마우스를 올렸을 때 변경할 텍스트 색상을 선택합니다. 색상: ; 양식에 입력하십시오. 색상은 #917f7f.
index.css 파일의 79행을 변경합니다.
#소개 탐색 울 리 ㅏ {
글꼴 크기: 20픽셀; 글꼴 두께: 용감한;
이행 : 색상 0.3초;
색상: #917f7f;
}
결과 화면
