https://mozilladevelopers.github.io/playground/07-basic-layout .container { display: grid; width: 750px; height: 600px; grid-template-columns: 200px 1fr 1fr; grid-template-rows: 80px 1fr 1fr 100px; grid-gap: 1rem; } .header { grid-row: 1 / 2; grid-column: 1 / 4; } .sidebar { grid-row: 2 / 4; grid-column: 1 / 2; } .content-1 { grid-row: 2 / 3; grid-column: 2 / 4; } .content-2 […]
http://idangero.us/swiper/demos/#.Wdboqlu0NhE 슬라이드 메뉴 종류별 예제 보기
https://onextrapixel.com/creating-a-swipeable-side-menu-for-the-web/ [tut demo=”http://www.onextrapixel.com/examples/touch-swipe/demo3.php” download=”http://www.onextrapixel.com/examples/touch-swipe/touch-swipe.zip”] Creating a Swipeable Side Menu for the Web 1. Structure HTML: 1 2 3 4 5 6 7 8 9 10 11 12 <div class=”container”> <div id=”sidebar”> <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>Explore</a></li> <li><a href=”#”>Users</a></li> <li><a href=”#”>Sign Out</a></li> </ul> </div> <div class=”main-content”> </div> </div> CSS: 1 2 3 4 5 6 7 […]