이전 목록 다음
채택완료

무슨효과인지 혹시 아시는분 계신가요 ?

도현박
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 3,932

풀페이지에서 화면이 저렇게 나타나는 효과인거같은데

풀페이지말고도 한 섹션을 저렇게 나타내고싶은데 혹시 

아시는 소스있으신분들 부탁드려요 ㅎㅎ

이렇게 접혀있다가 펼쳐지는 효과입니다 ㅎ 

 

사이트는 롯데면세점입니다 ! 

https://kr.lottedfs.com/main/index.do2034417499_1662081513.664.png

css js
|

답변 2개

채택된 답변
+20 포인트
포포인트적립
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전

사이트는 fullpage 사용했고

이미지 펼침 효과는 css transform-style: preserve-3d; 같은거 활용한듯하네요

Copy 
.flip-wrap .flip.active {


	 transform: rotateX(
	0deg
	);


}



main.css:276

.flip-wrap .flip {


	 display: flex;
	 width: 100%;
	 transform-origin: 0 0;
	 backface-visibility: hidden;
	 transform-style: preserve-3d;
	 transform: rotateX(
	-180deg
	);
	 transition: all .8s ease-out;


}

 

active 활성화 되면  transform 스타일 변경되는효과인듯요

이이슈DEV
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 
https://github.com/alvarotrigo/fullPage.js

 

확인결과 플페이지 사용하셧네요 .

답변을 작성하려면 로그인이 필요합니다.