호버 hover 마우스를 올린 상태를 의미한다. 마우스 오버, 호버라고 불린다. 결과물 캡쳐한 사진으로 보면 별로 달라진 것이 느껴지지 않지만 애니메이션 효과처럼 자연스럽게 색 변화가 이뤄진다. html 코드 확인 사실 마우스 호버는 html 보다는 CSS에 더 가깝다. html에서는 구조가 될 틀만 입력하면 되는 것이므로 태그 안에 버튼만 하나 넣어준다. CSS 코드 button { width: 120px; height: 40px; background-color: #004fff; color: white; box-shadow: 0 4px 16px rgba(0, 79, 255, 0.3); font-size: 16px; font-weight: bold; border-radius: 20px; border: n..
