Page Builder Sandwich 애니메이션 및 인터랙션

Page Builder Sandwich Pro는 모든 블록의 스타일 탭에 모션(Motion) 섹션을 추가합니다. 다른 모든 스타일과 마찬가지로 각 설정은 중단점(breakpoint)마다 다르게 지정할 수 있습니다.

등장 및 스크롤 애니메이션

• 등장 애니메이션: 페이드 인, 위로 올라오거나 아래로 내려가며 페이드 인, 시작 또는 끝 부분에서 나타나기, 확대 또는 축소, 위로 뒤집기 등이 있으며, 블록이 화면에 스크롤되어 들어올 때 한 번 재생됩니다. 길이와 지연 시간을 밀리초 단위로 설정하십시오.
• 스크롤 중: 블록이 화면에 스크롤되어 들어올 때 스크롤 위치에 맞춰 페이드, 상승, 확대 또는 똑바로 펴짐 효과가 적용됩니다(스크롤 기반 애니메이션을 지원하는 브라우저에서 작동하며, 지원하지 않는 브라우저에서는 블록이 단순히 표시됩니다).

인터랙션

• 마우스오버 시: 들어 올리기, 확대, 축소, 그림자, 기울이기 또는 빛나기 효과가 적용되며, 키보드 포커스 시에도 적용됩니다.
• 화면에 고정: 해당 섹션이 스크롤되는 동안 블록이 화면 상단으로부터 일정 거리를 유지하며 고정됩니다.
• 패럴랙스 속도: -10(스크롤 반대 방향)부터 10(스크롤 방향)까지 설정할 수 있습니다.
• 포인터 따라가기: 블록이 마우스 포인터를 향해 기울어집니다.

모션 감소 기능, 항상 적용

기기에서 모션 감소를 설정한 방문자에게는 애니메이션, 패럴랙스 또는 움직임이 전혀 표시되지 않으며, 콘텐츠가 단순히 기본 상태로 표시됩니다. JavaScript가 실행되지 않아도 어떤 요소도 숨겨지지 않습니다. 모션 설정을 사용하지 않는 페이지는 모션 관련 코드를 로드하지 않습니다.