Apple iTunes와 유사한 CSS 메뉴

개발자 마크 올드리트는 어플리케이션에서 애플과 같은 멋진 메뉴를 만들기 위해 꽤 괜찮은 코드(XCode 프로젝트)를 게시했다. 저는 이 아이디어를 CSS에도 적용하려고 합니다. 꽤 잘 됐어요. 스크린샷을 보세요.

CSS는 몇 개의 중첩되지 않은 목록만 사용합니다. 중첩된 목록에는 li:hover psuedo 클래스를 사용하지만 앵커 요소를 표시:block으로 설정하면 동일한 이미지를 수행할 수 있습니다. 좀 더 모든 브라우저에 친숙하게 만들 수 있습니다. 원하는 대로 예제를 다운로드하고 원하는 작업을 수행하십시오.

[라이브 예시]

[다운로드 예제]