Eveningstar

*고정 메뉴를 위한 방법 찾기 v.1 [하단 푸터 고정 방법] ** 참고글 css trick ** -> https://css-tricks.com/couple-takes-sticky-footer/ 1) Ryan Fait's HTML5 CSS Sticky Footer https://css-tricks.com/snippets/css/sticky-footer/ Sticky Footer | CSS-Tricks Works great if you can apply a fixed height to the footer. Content! I'm the Sticky Footer. * { margin: 0; } html, body { height: 100%; } .page-wrap { css-tricks.com 이 방법은 빈..

https://cantunsee.space/ 두 개의 디자인 중 더 나은 디자인을 골라보는 사이트재밋다. 라인이랑 콘트라스트 등등 다 비교해보는건데 귀여워

[레이어 팝업을 버튼을 클릭한 부모영역에서 바로 열기] 1. 팝업 html 영역을 아래와 같이 잡았다면 제자리에서 팝업열기가 가능함.css position 값을 이용하여 화면에서 위치값 조절 가능 부모 : position:relative자식 : position: absolute 개인적으로 불편한 점 -> 부모태그안에 자식태그(팝업)을 넣어줘야함 2. position : fixed를 사용하여 제자리 팝업 열기 2-1)부모 : position:relative자식 : position: fixed 2-2)부모 : position 상관없음자식 : position: fixed 단점 : 세로값이 정해진 크기에서만 fixed된 영역이 보여서 내용이 길면 스크롤이 안생김(내용물을 다 열람할수없음)특히 모바일에선 fixe..

cdn :- https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/css/swiper.css- https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.min.js 1) loop모드 gallery- > 예시 소스 코드 https://github.com/nolimits4web/Swiper/blob/master/demos/310-thumbs-gallery-loop.html · gallery-top(확대 이미지)와 gallery-thumbs(썸네일), 두 가지 슬라이드 컨테이너 html을 생성해야함 var galleryThumbs = new Swiper('.gallery-thumbs', { spaceBetween: 1..