크롬80버전 결제 이슈, 영카트5 주요패치 확인!

해당 웹사이트 플러그인이 궁금합니다.

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
해당 웹사이트 플러그인이 궁금합니다.

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

해당 웹사이트 플러그인이 궁금합니다.

본문

안녕하십니까

 

 http://gorent-a-car.com/

 

위 사이트에서 스크롤 하면 양옆으로 딱 딱 넘어가는 플러그인이 어떤 플러그인인지 아시는분 계신가요?

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 3

채택됨

몰라무서워님의 답변

플러그인 아니예요.

css에서 따로 다 작업했네요

transform 속성으로 노가다 한거예요

 

 

#box_area {overflow:hidden; height:100%; }
#box_area > div {position:relative; float:left; height:100%; }
#box_area > div.box, 
#box_area > div .box {position:relative;}
#box_area > div.box a,
#box_area > div .box a {display:block; transform: scale(0.6) rotateY(72deg) translateZ(400px);
-ms-transform: scale(0.6) rotateY(72deg) translateZ(400px);  -webkit-transform: scale(0.6) rotateY(72deg) translateZ(400px);}
#box_area > div.active.box,
#box_area > div.active .box {perspective:1900px; -webkit-perspective:1900px; transform-origin:100% 100% 0; -ms-transform-origin:100% 100% 0; -webkit-transform-origin:100% 100% 0; transition:transform 1s; -webkit-transition:transform 1s;}
#box_area > div.active a {animation:listBoxShow 0.5s ease-in; animation-fill-mode:forwards; -webkit-animation:listBoxShow 0.5s ease-in; -webkit-animation-fill-mode:forwards;}
#box_area > div.active .box_style2 a {animation-delay:0.1s; -webkit-animation-delay:0.1s;}

#box_area > div .full_bg {width:100%; height:100%;}
#box_area > div .text_box {position:absolute; bottom:14%; width:100%; text-align:center;}
#box_area > div .text_box h3 {margin-bottom:5px; font-size:38px; color:#fff;}
#box_area > div .text_box .icon_box span {display:inline-block; padding:0px 5px; font-size:15px; color:#fff; line-height:20px}
#box_area > div .text_box .sub_text {padding-top:30px; font-size:18px; color:#fff;}

#box_area .box1 a,
#box_area .box1 .text_box .icon_box span {background: #454f76}
#box_area .box2 a,
#box_area .box2 .text_box .icon_box span {background: #cd3261}
#box_area .box3 a,
#box_area .box3 .text_box .icon_box span {background: #713896}
#box_area .box4 a,
#box_area .box4 .text_box .icon_box span {background: #356b9b}
#box_area .box5 a,
#box_area .box5 .text_box .icon_box span {background: #2c2c2c}
#box_area .box6 a,
#box_area .box6 .text_box .icon_box span {background: #feb300}
#box_area .box7 a,
#box_area .box7 .text_box .icon_box span {background: #004823}

@keyframes listBoxShow{
	0%{transform:scale(0.6) rotateY(72deg)  translateZ(400px);}
	100%{transform:scale(1) rotateY(0)  translateZ(0);}
}
@-webkit-keyframes listBoxShow{
	0%{-webkit-transform:scale(0.6) rotateY(72deg)  translateZ(400px);}
	100%{-webkit-transform:scale(1) rotateY(0)  translateZ(0);}
}
@-ms-keyframes listBoxShow{
	0%{-ms-transform:scale(0.6) rotateY(72deg)  translateZ(400px);}
	100%{-ms-transform:scale(1) rotateY(0)  translateZ(0);}
}
주소복사
채택됨
답변의 댓글

몰라무서워님의 답변

스크롤은 그냥 브라우저에서 지원해요 가로 스크롤도요

해당 사이트는 가로크기를 크게 미리 잡아놔서 그런거고요

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 85,717 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여18 회 시작20.04.04 09:21 종료20.04.11 09:21

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT