300x250
CSS의 hover와 transition 속성을 활용해서
마우스를 올리면 차르르 펼쳐지는 메뉴를 만들어봤습니다.
아래는 그 결과입니다.
(result 탭으로 이동해서 마우스를 올려 보세요)
html의 구조를 잘 짜고 CSS의 기능을 활용하면
자바스크립트를 사용하지 않고 이정도의 기능은 구현이 가능합니다.
(모바일용 으로는 어렵겠군요)
(광고 클릭은 제작에 큰 힘이 됩니다.)
300x250
'HTML CSS JAVASCRIPT' 카테고리의 다른 글
| 카운트 숫자 (setInterval 아님) (0) | 2025.03.06 |
|---|---|
| 지도 이미지에 hover 효과 (자바스크립트 아님) (0) | 2025.03.05 |
| 자바스크립트 클릭하면 폭죽 터지는 UI (그냥 만들어봄) (0) | 2025.02.28 |
| 자바스크립트로 차르르 올라가는 숫자 표현하기 (오도미터 카운터) (0) | 2025.02.27 |
| 자바스크립트 간단한 코드로 현재 시간 출력하기 (옵션 다양함) (0) | 2025.02.26 |
