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

Question

풀페이지에서 화면이 저렇게 나타나는 효과인거같은데

풀페이지말고도 한 섹션을 저렇게 나타내고싶은데 혹시 

아시는 소스있으신분들 부탁드려요 ㅎㅎ

이렇게 접혀있다가 펼쳐지는 효과입니다 ㅎ 

 

사이트는 롯데면세점입니다 ! 

https://kr.lottedfs.com/main/index.do

포인트적립 · Accepted Answer

사이트는 fullpage 사용했고

이미지 펼침 효과는 css transform-style: preserve-3d; 같은거 활용한듯하네요

[code]

.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;


}

[/code]

 

active 활성화 되면  transform 스타일 변경...

그누소스 · Answer

https://github.com/alvarotrigo/fullPage.js

 

확인결과 플페이지 사용하셧네요 .

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

답변 2개

공유하기