무슨효과인지 혹시 아시는분 계신가요 ?
본문
풀페이지에서 화면이 저렇게 나타나는 효과인거같은데
풀페이지말고도 한 섹션을 저렇게 나타내고싶은데 혹시
아시는 소스있으신분들 부탁드려요 ㅎㅎ
이렇게 접혀있다가 펼쳐지는 효과입니다 ㅎ
사이트는 롯데면세점입니다 !
답변 2
사이트는 fullpage 사용했고
이미지 펼침 효과는 css transform-style: preserve-3d; 같은거 활용한듯하네요
.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 스타일 변경되는효과인듯요
답변을 작성하시기 전에 로그인 해주세요.