전체 글 (60) 썸네일형 리스트형 팸퍼스 팸퍼스 반응형 사이트 제작 vue.js 사용 http://www.pampers.co.kr/ 초성으로 맞추는 단어 퍼즐 초성으로 맞추는 단어 퍼즐 HTML 초성으로 알아보는 단어 퍼즐 결과 확인 방갑습니다. 초성 타입 a입니다. 초성 타입 b입니다. 초성 타입 c입니다. 다시 하기 CSS #wrap{ max-width:720px; margin:0 auto;} .wrap_inner{ padding-top:50px;} .intro_box{ padding: 20px;} .intro_box h2{ font-size:34px; text-align: center; padding-bottom:20px;} .intro_box input{ display:block; width:250px; height:35px; margin:0 auto 30px;} .intro_box .btn_result{ display:block; width:250px.. VIDEO TAGE 관련된 내용 정리 VIDEO태그 관련된 내용 정리 속성 currentTime = 현재 재생 위치를 초 단위로 가져 오거나 설정duration = 영상 총 재생 시간loadeddata = 영상이 생성되고 난 뒤에 체크 할떄 모바일 터치 드래그 슬라이드 모바일 터치 드래그 슬라이드( 모바일 기계에서만 작동됨 ) HTML 0 SCSS #wrap{ width:100%; max-width:720px; margin:0 auto; font-size:0; #drag_box{ $pLR : 40; $pW : 720 - ( $pLR * 2); padding: 0 pImg( $pLR ); .bar_box{ margin-top:pImg( 32, $pW ); position: relative; width:100%; overflow: hidden; .bar{ display:block; width:100%; padding-bottom: pImg( 50, $pW ); background:#000; border-radius: 1.2rem; } .cricle{ display:inli.. 제이쿼리 메뉴 제이쿼리 메뉴 HTML menu1 menu2333 menu2143 me CSS body{ margin:0; padding:0; } a{ text-decoration: none; } ul, ol{ list-style: none; margin:0; padding:0;} header{ width:100%;} .header_area{ margin: 10px 0;} .header_inner{ width:1280px; margin:0 auto;} .one_depth-list{ width:100%; text-align: center; } .one_depth-list li{ display: inline-block; margin: 0 24px;} .one_depth-list li a{ display:block; font.. 오늘 하루 안보기 팝업 오늘 하루 안보기 팝업 HTML X 여기가 팝업 글 내용 오늘하루 안보기 CSS .btn_open{ text-align: center; font-size:20px; display:inline-block; margin:0 auto; text-decoration: none;} .dimd{ display:none; position: fixed; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index:10;} #popup_layer{ display:none; position: absolute; top:0; left:50%; margin-left:-400px; width:800px; background:#fff; z-ind.. 비오는 효과 제이쿼리 비오는 효과 제이쿼리 HTML CSS body{ margin:0; padding:0;} #wrap{ position: relative; background:#151515; width:100%; height:100vh; overflow: hidden;} .item_list{ position: relative; top:0; left:0;} .item_list li{ position: absolute; top:0; left:0; opacity: 0;} SCRIPT function create() { _w = $( window ); _itemList = $( ".item_list" ); _itemTarget = _itemList.children( "li" ); _wH = _w.height(); console.l.. 빙그레 펫밀크 빙그레 펫밀크 https://event.lifeplanet.co.kr/ 이전 1 2 3 4 5 6 ··· 8 다음 목록 더보기
