웹플로우 강좌 - 드랍다운 만드는법 - dropdown


웹플로우 강좌 - 드랍다운 만드는법 - dropdown

안녕하세요 디자이너의 놀이터, 디놀희에요 'ㅂ' 오늘은 웹플로우에서 드롭다운을 만들꺼에요~ drop down은 말그대로 누르면 메뉴가 쫘르르르르~ 나오는것인데요~ 주로 nav section에서도 쓰이고, 저렇게 F&Q 만들때도 쓰인답니다. 그래서 오늘의 WEBFLOW 의 DROP DOWN 결과물을 볼까요?! 그럼 이제 웹플로우를 키시고 사이트를 만들어요~! CTRL+E를 해서 DIV 맨 바깥박스를 만들고 다시 CTRL+E 를 해서 컨테이너박스를 만들어요 Container box는 양옆에 있어야하니까 display 를 flex 로 해야겠죠? 그것도 horizontal로 가로모양으로~ 자그럼 오른쪽 왼쪽 박스를 마찬가지로 div를 만들어줍니다 div를 만들고 복붙한다음 left, right 클래스 이름을 붙여줄꺼에요~ 왼쪽 left박스에는 우리 드랍다운이 들어갈꺼고~ 오른쪽 right div박스에는 백그라운드배경이 들어갈껍니당 클래스명은 여기서 바꿀수 있어요~ 자그리고 각각 left, ...


#Dropdown #webflow #드롭다운 #웹플로우

원문링크 : 웹플로우 강좌 - 드랍다운 만드는법 - dropdown