번역: 위로, 아래로 또는 옆으로 띄우십시오
X 번역하기 그리고 번역 Y 각각 -100 에서 100 px 사이의 From 과 a To 값을 취합니다. 위젯은 첫 번째 값에서 두 번째 값으로 이동하고 뒤로 이동하며 부드러운 용이성을 제공합니다. 기본값은 0 에서 5 px 로 매우 작은 드리프트입니다.
- 수직 플로트: Y를 0에서 15px로 번역하면 아이콘이나 배지에 부드러운 밥이 제공됩니다.
- 측면 드리프트: 번역 X 는 위젯을 천천히 좌우로 움직입니다.
- 두 축 모두: X와 Y는 동일한 타이밍을 공유하기 때문에 위젯을 대각선을 따라 함께 이동합니다.
회전, 스케일 및 타이밍
회전하다 X, Y, Z 슬라이더가 -180도에서 180도까지 있습니다 스케일 X 와 Y 는 0 에서 5 까지,기본값은 1 에서 1,2 입니다. Translate 와 마찬가지로 둘 다 From 에서 To 로 그리고 뒤로 스윙하므로 회전은 전체 스핀이 아닌 흔들림입니다. 각 변환에는 a 가 있습니다 기간 최대 10000ms(비어 있는 경우 1000) 및 a 지연 최대 5000ms.
- 맥박: 1 에서 1.05 까지의 스케일 X와 Y는 버튼이 부드럽게 커지고 수축됩니다.
- 흔들림: Z를 -5도에서 5도까지 회전시키면 걸이 태그나 배지에 적합합니다.
- 타임라인 1개: 결합된 변환은 하나의 타이밍을 공유합니다. Translate 의 Duration 과 Delay 가 먼저 사용되고 Rotate 의 다음 Scale 의.
Elementor 모션 효과 vs 마스터 애드온 부동 효과
Elementor 에는 두 종류의 모션이 있습니다 (Pro 가있는 Elementor 4,2.4 에서 확인됨). 무료 Elementor 의 Entrance Animation 은 위젯이 나타날 때 한 번 재생됩니다. Elementor Pro 의 Motion Effects 는 방문자가 마우스를 스크롤하거나 움직일 때 위젯을 움직이지 않으며,그것이 공백 부동 효과가 채워집니다.
| 특징 | 엘리멘터 입구 애니메이션 | Elementor Pro 모션 효과 | 마스터 애드온 부동 효과 |
|---|---|---|---|
| 가격 | 무료 | 엘리멘터 프로 | 마스터 애드온 프로 |
| 무엇이 그것을 시작 | 위젯이 한 번 나타납니다 | 페이지 스크롤 또는 마우스 이동 | 아무것도, 그것은 스스로 반복됩니다 |
| 운동 | 미리 설정된 페이드, 슬라이드, 줌 및 바운스 | 수직 및 수평 스크롤, 투명도, 흐림, 회전, 스케일, 마우스 트랙, 3D 기울기 | X와 Y를 번역하고, X, Y, Z를 회전하고, X와 Y를 스케일링합니다 |
| 당신의 가치 | 기간 및 지연 | 속도, 방향 및 뷰포트 범위 | 값에서 및 값으로, 기간 및 지연 |
| 작동 | 위젯 및 컨테이너 | 위젯 및 컨테이너 | 위젯만 |
스크롤이나 커서에 모션을 묶고 싶다면 Elementor Pro Motion Effects 가 더 잘 맞습니다. Floating Effects 는 방문자의 입력없이 계속 진행되는 부드러운 움직임을위한 것입니다.
Elementor에 부동 효과를 추가하는 방법
확장 프로그램이 켜지면 부동 효과 패널이 모든 위젯의 고급 탭에 있습니다.
- Master Addons Pro가 활성화되어 있으면 다음으로 이동하세요 마스터 애드온 > 확장 그리고 스위치 켜기 부동 효과.
- Elementor로 페이지를 편집하고 이미지나 아이콘 등 이동하려는 위젯을 선택하세요.
- 열다 고급 탭, 확장 부동 효과 그리고 Yes 로 설정한다.
- 켜다 번역하기, 회전하다 또는 스케일 그리고 From 과 To 값을 설정합니다.
- 세트 기간 그리고 지연을 한 다음 편집기 미리보기에서 모션을 확인합니다.
- 페이지를 업데이트합니다. 이미지로 더 긴 연습을 원하시면,우리의 부동 효과 튜토리얼.
부동 효과에 대해 자주 묻는 질문
부동 효과는 무료입니까?
아니요. 부동 효과는 Master Addons Pro 의 일부입니다. Free Elementor 에는 한 번 재생되는 입구 애니메이션이 있지만 반복 부동은 없습니다.
섹션이나 컨테이너에 사용할 수 있습니까?
아니요. 부동 효과 패널은 위젯의 고급 탭에만 있습니다. 요소 그룹을 부동화하려면 각 위젯에 적용하거나 효과를 추가하기 전에 하나의 이미지로 결합하십시오.
회전이 끝까지 회전할 수 있나요?
연속 스핀이 아닙니다. 회전은 From 값에서 To 값으로 갔다가 -180 도에서 180 도 이내로 되돌아오므로 흔들림이나 기울임으로 가장 잘 작동합니다.
한 페이지에 이러한 효과 중 많은 부분을 사용하면 성능이 저하됩니까?
몇 떠있는 위젯 괜찮습니다. 모션은 작은 anime.js 라이브러리를 사용하고 브라우저가 잘 처리하는 CSS 변환 만 변경합니다. 페이지가 차분하게 유지되고 느린 전화에서 원활하게 실행되도록 화면 당 소수의 위젯으로 유지하십시오.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
