목록디자인 & 애니메이션 (3)
박철순
22.09.19 GNB 애니메이션 ( 어워드 )
https://www.orb-space.com/ Orb Space We provide architecture, interior design, and 3D visualization services www.orb-space.com GNB 메뉴 - 애니메이션 효과 ( 화면 ) GNB 메뉴 - 애니메이션 효과 ( 코드 ) GNB메뉴를 Hover 시 GNB의 Scale이 커지면서, GNB list(메뉴 카테고리) 태그들이 들어있는 body값이 display: none 에서 flex로 바뀌면서, GNB 메뉴의 스케일이 다 커지면, list의 태그들이 opacity 값이 0에서 1로 바뀌고 translate(y축) 값이 바뀌면서 아래에서 위로 올라오는 느낌을 줌 GNB메뉴의 list(메뉴 카테고리)를 Hover 시 ..
디자인 & 애니메이션
2022. 9. 19. 09:29
