애니메이션 그라데이션 BG
몇 초 만에 웹 사이트를 돋보이게하십시오. 정적 색상과 지루한 이미지를 버리십시오. 애니메이션 그라데이션 배경 확장 기능을 사용하면 모든 섹션,컨테이너 또는 열을 아름답고 부드럽게 변화하는 그라데이션으로 채울 수 있습니다. 색상을 선택하고 각도와 속도를 설정하고 배경이 부드럽고 끝없는 흐름으로 살아나는 것을 지켜보십시오. 영웅 섹션,콜 투 액션 영역 또는 콘텐츠의 현대적인 배경으로 적합합니다. 비디오 파일도없고 무거운 코드도 없습니다 – 시선을 사로 잡고 디자인이 프리미엄처럼 느껴지는 가볍고 눈길을 끄는 모션.
실제 색상의 라이브 그라데이션 빌더
간단한 2 색 그라데이션으로 시작하거나 복잡한 멀티 컬러 블렌드를 구축하십시오. 색상 선택기를 사용하여 색상을 선택하고 그라데이션 슬라이더에서 위치를 조정하여 블렌드를 제어하십시오. 선택 사항 업데이트 라이브를 참조하십시오. 이러한 색상이 서로 움직이고 흘러 들어가기 시작하면 마법이 일어나 역동적이고 살아있는 배경을 만듭니다.
- 무제한 색상: 풍부하고 생생한 그라데이션을 만들려는 만큼 색상 중지를 추가합니다.
- 라이브 미리보기: 색상과 스톱을 조정하면서 그라데이션 빌드를 실시간으로 확인하세요.
- 전문가용 팔레트: 브랜드의 정확한 색상 구성표에 맞는 그라디언트를 쉽게 만들 수 있습니다.
애니메이션을 완벽하게 제어할 수 있습니다
너무 빠른 애니메이션은 주의를 산만하게 하고,너무 느린 것은 지루합니다. 딱 맞는 느낌을 주기 위해 모든 권한을 얻습니다. 흐름의 방향을 바꾸도록 각도를 설정합니다. 총 애니메이션 지속 시간을 조정하여 느리고 차분하거나 빠르고 활기차게 만듭니다. 애니메이션 이징 (“부드러운”과 같은) 을 선택하여 움직임이 로봇이 아닌 자연스러운 느낌을 줍니다.
- 흐름을 제어: 애니메이션을 지시하기 위해 각도 (예를 들어, 수평의 경우 90°, 수직의 경우 180°) 를 변경합니다.
- 속도 설정: 더 긴 지속 시간 (10 초와 같은) 은 미묘하고 느린 이동을 만듭니다. 더 짧은 시간 (3 초) 은 더 눈에 띄고 활력이 넘칩니다.
- 부드러운 전환: 쉬운 옵션을 사용하여 갑작스러운 색상 점프를 방지하여 루프를 원활하게 만듭니다.
애니메이션 그라데이션 BG에 대해 자주 묻는 질문
내 페이지의 어느 부분에서나 작동합니까?
예! 거의 모든 Elementor 컨테이너에 적용할 수 있습니다: 전체 섹션,개별 열 또는 영웅 상자와 같은 특수 컨테이너. 해당 요소의 배경 설정을 찾아 “애니메이션 그라데이션” 배경 유형을 찾으시면 됩니다.
배경 이미지나 비디오 위에 이것을 사용할 수 있나요?
일반적으로 요소당 하나의 배경 유형을 선택합니다. 동일한 설정을 사용하여 비디오 또는 이미지 위에 애니메이션 그라데이션을 레이어할 수는 없습니다. 하지만 애니메이션 그라데이션 배경이 있는 섹션 내부의 열에 이미지 또는 비디오를 넣어 레이어 모양을 만들 수 있습니다.
한 애니메이션에서 몇 가지 색상을 사용할 수 있나요?
기술적으로 “색상 추가”를 클릭하여 원하는만큼 많이. 그러나 가장 깨끗하고 가장 수행적인 효과를 얻으려면 2 ~ 4 가지 색상을 권장합니다. 너무 많은 색상은 애니메이션을 진흙 투성이 또는 혼란스럽게 보이게 할 수 있습니다.
애니메이션이 항상 재생됩니까, 아니면 호버에서 재생되도록 할 수 있습니까?
확장은 페이지가 로드되는 즉시 자동으로 재생되는 연속적이고 반복적인 애니메이션을 위해 설계되었습니다. 호버 제어 애니메이션의 경우 다른 방법이나 방법을 사용해야 할 가능성이 높습니다 사용자 정의 CSS. 이 도구는 상시 대기 배경 효과를 생성하기 위한 것입니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
