CSS 3 드롭다운 에니메이션 메뉴
퍼블리셔/css2012. 7. 21. 13:33
CSS 3 로 제작된 드롭다운 메뉴입니다. 뭐 워낙 좋은 드롭다운메뉴는 많이 있습니다. 그런데 하나같이 이미지가 있어야 하거나, 스크립트가 추가되거나 합니다. 또 부드럽게 하위메뉴가 펼쳐지면 좋은데 그냥 보이고, 감추는 형식입니다. CSS 3 에는 에니메이션이나 트렌스폼같은것이 있습니다. 적절하게 잘만 응용하면 좋은 드롭다운 메뉴가 나오는데요.... 저도 해보았지만 그닥 만만하지가 않군요. 적어도 ie8 버젼까지는 사용할만 해야 할것 같아서요... 이 메인메뉴의 포커스는 아래와 같습니다. 이미지가 없습니다. 자바스크립트가 없습니다. 하위로 펼쳐지는 드롭다운 메뉴입니다. 하위로 부드럽게 펼쳐집니다. 호환성은 ie8 까지는 잘 보입니다. ie7 이하로는 물론 보이기는 하나 약간 엉클어집니다. 뭐 구지 그것까..