마지막으로 아이콘 폰트로 추가한 마우스 모양의 버튼에 스타일 속성을 추가합니다. 아이콘 폰트로 적용된 부분은 마우스가 위아래로 움직이는 애니메이션을 구현합니다.
13/end/css/main.css - 메인 영역 버튼 설정 추가
main button.mouse{
background-color:transparent;
border:none;
color:white;
font-size:2rem;
position:absolute;
bottom:1rem;
left:50%;
transform:translateX(-50%);
animation:upDown 1s ease-in-out infinite;
cursor:pointer;
}
@keyframes upDown{
0%{
bottom:1rem;
}
50%{
bottom:1.5rem;
}
100%{
bottom:1rem;
}
}