애니메이션의 종류
마스터 애드온 Elementor 애니메이션 헤드라인 위젯은 텍스트를 돋보이게 하는 다양한 동적 효과 라이브러리를 제공합니다. 사이트의 톤과 완벽하게 일치하고 방문자의 관심을 끌 수 있도록 여러 애니메이션 스타일 중에서 선택하십시오.
- 1, 2, 3을 회전합니다: 다양한 회전 스타일로 여러 헤드라인을 원활하게 순환하세요.
- 타이핑: 텍스트의 고전적이고 매력적인 공개를 위해 타자기를 시뮬레이션합니다.
- 로드 바: 텍스트가 나타나면서 기대감을 키우는 성장하는 바 애니메이션입니다.
- 슬라이드: 텍스트가 깨끗한 동작으로 선택한 방향으로 슬라이드하거나 선택한 방향에서 슬라이드됩니다.
- 클립: 날카롭고 현대적인 효과를 위해 클리핑 마스크를 통해 텍스트를 공개합니다.
- 줌: 텍스트는 대담한 진술을 위해 초점을 극적으로 확대합니다.
- 스케일: 그것은 우아하게 당신의 메시지를 강조하기 위하여 성장하거나 긴축합니다.
- 푸시: 새 텍스트는 부드럽고 전환되는 동작으로 오래된 텍스트를 밀어냅니다.
사용자 지정 설정
진정한 커스터마이징은 기본 애니메이션을 브랜드 내러티브의 매끄러운 부분으로 바꾸는 것입니다. 광범위한 설정을 통해 모든 헤드라인의 스타일과 모션을 사이트의 고유한 리듬과 정체성과 완벽하게 동기화할 수 있습니다.
- 글꼴 및 색상: 브랜딩에 맞는 다양한 글꼴과 색상 구성표 중에서 선택하세요.
- 타이밍과 속도: 애니메이션의 지속 시간과 효과의 속도를 조정하여 전체 디자인과 동기화합니다.
- 지연: 응집력 있는 시각적 흐름을 위해 여러 애니메이션 헤드라인의 순서를 지정하도록 지연을 설정합니다.
- 정렬 및 간격: 최적의 시각적 균형을 위해 위치를 미세 조정합니다.
애니메이션 헤드라인에 대해 자주 묻는 질문입니다
Animated Headline 요소로 무엇을 할 수 있나요?
이 요소를 사용하면 웹 사이트에 대해 눈길을 끄는 동적으로 회전하는 헤드 라인을 만들 수 있습니다. 부드러운 애니메이션으로 단일 헤드 라인 공간에 여러 문구 (“궁극적 인 애드온,”“고유 디자인”과 같은) 를 표시 할 수있어 주요 기능이나 메시지를 강조 표시하기에 적합합니다.
회전하는 텍스트나 문구를 어떻게 설정하나요?
콘텐츠 탭의 첫 번째 제목 아래에 순환하려는 주요 구문이나 단어를 입력할 수 있습니다. 여러 항목을 추가하고 순서를 제어하여 원하는 애니메이션 시퀀스를 만들 수 있습니다.
애니메이션의 속도를 조절할 수 있나요?
예. 스타일 탭에서 애니메이션 지연 (밀리초) 을 설정할 수 있는 애니메이션 설정을 찾을 수 있습니다. 예를 들어 2500 값은 각 구문이 다음 구문으로 전환되기 전에 2,5 초 동안 표시됨을 의미합니다.
색상이나 글꼴을 변경하는 등 텍스트 스타일을 어떻게 지정합니까?
모든 타이포그래피와 색상 설정은 스타일 탭에서 확인할 수 있습니다. 텍스트 색상,배경, 타이포그래피 (글꼴군,크기, 무게) 를 사용자 지정할 수 있으며,상자 그림자 또는 테두리 반경을 추가하여 헤드라인을 돋보이게 할 수도 있습니다.
헤드라인 주위의 간격을 조정할 수 있나요?
절대적으로. 스타일 탭에서 Padding 및 Margin 컨트롤을 사용하여 헤드라인 컨테이너 내부 또는 외부에 공간을 추가할 수 있습니다. 상단,오른쪽, 하단 및 왼쪽의 값을 개별적으로 설정할 수 있습니다.
애니메이션 헤드라인에 테두리를 추가할 수 있나요?
예. 스타일 아래의 테두리 유형 섹션에서 테두리 스타일 (예를 들어,단색, 점선) 을 선택하고 너비,색상 및 반경을 사용자 정의하여 필요에 따라 헤드라인을 구성할 수 있습니다.
동일한 페이지에서 두 개 이상의 애니메이션 헤드라인을 사용할 수 있나요?
예. 각 애니메이션 헤드라인은 고유한 문구,애니메이션 유형 및 타이밍을 유지하므로 동일한 페이지의 다른 섹션에서 다른 헤드라인을 실행할 수 있습니다.
헤드라인에서 사용하는 HTML 태그는 무엇입니까?
HTML 태그 아래의 콘텐츠 탭에서 헤드라인에 적합한 HTML 태그 (H1,H2, H3 등) 를 선택할 수 있습니다. 이는 SEO 및 적절한 페이지 구조 유지에 도움이 됩니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
