페이드 인, 페이드 아웃, 축소 등과 같은 페이지를 로드하는 동안 웹 사이트 애니메이션을 사용하여 시각적 효과를 추가할 수 있습니다. 이렇게 하면 사용자가 페이지를 스크롤할 때 웹사이트에 감각이 추가됩니다.
웹사이트의 다양한 요소에 대해 다양한 애니메이션 스타일을 선택할 수 있습니다.
이 기사는 다음 주제들로 구성되어 있습니다 :
웹사이트 애니메이션 편집
애니메이션은 웹 사이트를 시각적으로 흥미롭게 만들고 웹 사이트에 있는 모든 요소에 생명을 불어넣을 수 있습니다. 사용자에게 보다 매력적이고 몰입감 있는 경험을 제공합니다.
- 온 클릭 애니메이션 (3) 옵션.
여기에서는 웹사이트 요소에 대한 애니메이션을 관리하고 사용자 정의하는 데 사용할 수 있는 모든 설정을 볼 수 있습니다.
Tips
- 기본적으로, 위로 슬라이드 애니메이션은 웹사이트 전체에 적용됩니다.
- 선택 없음 애니메이션을 비활성화하려는 경우.
다양한 웹사이트 요소
Pixpa를 사용하면 웹사이트의 다음 요소에 애니메이션을 적용할 수 있습니다.
- 이미지 : 방문자의 관심을 끌기 위해 이미지에 움직임을 추가하세요.
- 제목 H1: 애니메이션을 사용해 주요 제목을 눈에 띄게 하세요.
- 제목 H2: 콘텐츠의 흐름을 향상시키려면 하위 제목이나 작은 제목에 애니메이션을 적용하세요.
- 텍스트 : 문단과 설명에 애니메이션을 적용하여 콘텐츠에 생동감을 더하세요.
- 버튼 : 눈길을 끄는 효과를 사용해 CTA(행동촉진) 버튼을 강조하세요.
모든 변경 사항을 저장하고 웹사이트에 적용하려면 게시 (6) 버튼을 클릭해야 합니다 .
애니메이션 스타일
- 점점 뚜렷해지다 - 투명에서 불투명으로 불투명도를 높여 요소를 점차적으로 드러냅니다.
- 슬라이드 업 – 낮은 위치에서 높은 위치로 화면의 요소를 부드럽게 이동합니다.
- 확장 - 요소의 크기 또는 배율을 점진적으로 늘립니다.
- 축소 – 요소의 크기나 축척을 점진적으로 줄입니다.
- 드러내다 - 점차적으로 화면의 요소를 드러내거나 드러냅니다.
주의 사항
해당 요소에 대한 애니메이션을 비활성화하려면 '없음'을 선택하세요 .
스피드 애니메이션
애니메이션이 한 상태에서 다른 상태로 전환되는 속도입니다. 애니메이션 변경이 화면에서 얼마나 빨리 또는 느리게 발생하는지 결정합니다.
느림, 중간 , 빠름의 세 가지 옵션 중에서 선택할 수 있습니다.
주의 사항
이전 템플릿을 사용 중인 경우 애니메이션 옵션이 표시되지 않을 수 있습니다. 웹사이트를 새 템플릿으로 변경해야 합니다. 자세히 알아보기
Slide Up 애니메이션을 실시간으로 확인하십시오.
