현재 위치
  1. 게시판


  • 이미지형으로 보기
  • 리스트형으로 보기
  • 폴라앳홈 선반 제작

    투투박스 2022-06-21
  • 커피명가 동명레이크점

    커피명가 동명레이크점

    투투박스 2022-06-14
  • 단양 카페 산

    단양 카페 산

    투투박스 2022-06-14
  • 파주 장단콩 웰빙마루

    관련상품 * { margin: 0;padding: 0;box-sizing: border-box; } ul, li { list-style: none; } [name="slide"] { display: none; } .slidebox { max-width: 1000px;width: 100%;margin: 0 auto;text-align: center; } .slidebox img { max-width: 100%; } .slidebox .slidelist { white-space: nowrap; font-size: 0; overflow: hidden; } .slidebox .slideitem { position: relative; display: inline-block; vertical-align: middle; width: 100%; transition: all .35s; } .slidebox .slideitem label { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); padding: 20px; border-radius: 50%; cursor: pointer; } label.left { left: 0px; background-image: url('/web/upload/icon/btn_left.png'); background-position: center center; background-size: 100%; background-repeat: no-repeat; } label.right { right: 0px; background-image: url('/web/upload/icon/btn_right.png'); background-position: center center; background-size: 100%; background-repeat: no-repeat; } /* 페이징 스타일 */ .paginglist { text-align: center;padding: 30px 0; } .paginglist > li { display: inline-block;vertical-align: middle;margin: 0 10px; } .paginglist > li > label { display: block;padding: 10px 30px;border-radius: 10px;background: #ccc;cursor: pointer; } .paginglist > li:hover > label { background: #333; } [id="slide01"]:checked ~ .slidelist .slideitem { transform: translateX(0);animation: slide01 20s infinite; } [id="slide02"]:checked ~ .slidelist .slideitem { transform: translateX(-100%);animation: slide02 20s infinite; } [id="slide03"]:checked ~ .slidelist .slideitem { transform: translateX(-200%);animation: slide03 20s infinite; } [id="slide04"]:checked ~ .slidelist .slideitem { transform: translateX(-300%);animation: slide04 20s infinite; } @keyframes slide01 { 0% { left: 0%; } 23% { left: 0%; } 25% { left: -100%; } 48% { left: -100%; } 50% { left: -200%; } 73% { left: -200%; } 75% { left: -300%; } 98% { left: -300%; } 100% { left: 0%; } } @keyframes slide02 { 0% { left: 0%; } 23% { left: 0%; } 25% { left: -100%; } 48% { left: -100%; } 50% { left: -200%; } 73% { left: -200%; } 75% { left: 100%; } 98% { left: 100%; } 100% { left: 0%; } } @keyframes slide03 { 0% { left: 0%; } 23% { left: 0%; } 25% { left: -100%; } 48% { left: -100%; } 50% { left: 200%; } 73% { left: 200%; } 75% { left: 100%; } 98% { left: 100%; } 100% { left: 0%; } } @keyframes slide04 { 0% { left: 0%; } 23% { left: 0%; } 25% { left: 300%; } 48% { left: 300%; } 50% { left: 200%; } 73% { left: 200%; } 75% { left: 100%; } 98% { left: 100%; } 100% { left: 0%; } }

    투투박스 2022-06-08
이전 페이지
  1. 1
다음 페이지
스크롤-업!
스크롤-다운!