# 2Depth

총 4개의 포스트
post-thumbnail

Front-end 국비지원 #043일

결과반응형 디자인 2-1에서는 모바일 메뉴를 만들고 left:100% 로 화면 영역 밖으로 빼네는 작업을 했고 오늘 그 메뉴가 나오는 모습까지 만들게 되었다. HTMLSCSSscriptleft로 -100% 가 있던 모바일 메뉴를 제이쿼리로 나오게 구현하였다. 하지만 모

1depth2DepthCSSJQuery menuaddClasschildreneach()findfocusinfocusouthide()htmljquerymouseoutmouseoverpreventDefaultremoveClassscssshow()tab menutabstab메뉴디자인호텔스메뉴메뉴바모바일메뉴반응형메뉴제이쿼리클론코딩탭메뉴
2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #042일

결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모

1depth2DepthJQuery menuanimate()durationeaseOutCubicfaviconfindfixedfocusinfocusoutfont awesomehoverincludeinnerHeightinnerWidthjquerymenumixinmouseoutmouseoverparentqueuescssslideDown()slideUp()고민디자인호텔스메뉴메뉴바모바일메뉴문제문제고민반응형반응형메뉴반응형페이지사용법아이콘열린상태제이쿼리클론코딩파비콘폰트어썸폰트어썸 사용법
2022년 12월 12일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #014일

HTML 구성CSS 구성HTML 구성CSS 구성

2DepthCSSabsolutebackground-positiondisplay:blockhoverhtmloverflow:hidden;positionrelative메뉴메뉴바이미지메뉴
2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #013일

블록요소의 종류dt, dd, ul, li, ol, dl, div, p, h1, h2, h3, h4, h5, h6인라인요소의 종류a, img, span, srong, input, textarea, select\*인라인은 width , height , padding-top

2DepthCSSabsoluteblockborder-boxborder-tipbox-sizingdisplayhtmlinlinenoneopacityoverflowoverflow-ypositionrelativevisibilityz-index가로메뉴메뉴바블록요소세로메뉴숨김인라인요소
2022년 11월 1일
·
0개의 댓글
·