하위 메뉴 노출 속도 조절하기

태그

일반

1 more property

아래 소스코드를 헤더 영역의 HTML 섹션에 입력하고, 설정 값을 변경하면 하위 메뉴 애니메이션 속도를 조절할 수 있어요.

Round 테마 0.15초

Round 테마 1초

Essential 테마는 하위 메뉴가 나타나는 속도가 기본으로 0.2초(.2)로 설정되어 있어요. 아래 코드에서 .2 부분을 원하는 시간으로 바꾸면, 메뉴가 열리는 속도를 조절할 수 있어요.

<style>
  [class^=MegaMenu_wrapper] {
    transition: all .2s ease-in-out;
  }
</style>
HTML
복사

Round 테마는 하위 메뉴가 나타나는 속도가 기본으로 0.15초(.15)로 설정되어 있어요. 아래 코드에서 opacity와 visibility 의 .15 부분의 시간을 변경해서 속도를 조절할 수 있어요.

<style>
  [class^=MegaMenu_wrapper] {
    transition: opacity .15s ease, visibility .15s ease;
  }
</style>
HTML
복사

HTML 섹션 안내서로 돌아가기