입자
작은 점,별, 또는 모양이 웹 사이트의 배경에서 바로 커서에 떠다니고 연결하고 반응하는 것을 상상해 보십시오. 이것이 바로 Particles 확장의 힘입니다. 유명한 particles.js 라이브러리를 사용하여 모든 섹션을 살아 숨쉬는 캔버스로 만들 수 있습니다. 한 번의 클릭으로 기본 스타필드를 생성하거나,사용자 정의 JSON 을 붙여넣어 완전히 독특한 효과를 냅니다. 부동 로고,추상 네트워크 또는 소용돌이치는 은하와 같은. 방문자가 잊지 못할 몰입형 영웅 섹션,기억에 남을 만한 랜딩 페이지,미래형 포트폴리오를 만드는 궁극의 도구입니다.
경량 & 층 친절한
Particles.js 는 희박하고 효율적인 라이브러리입니다. 이러한 배경은 비디오보다 훨씬 가볍고 비슷한 “와우” 요소를 만듭니다. Z-index 설정을 사용하여 텍스트와 버튼 뒤에 입자가 떠 있도록하여 마법이 배경에서 일어나는 동안 콘텐츠를 완벽하게 읽을 수 있도록하십시오.
- 성능 최적화: 비디오의 무거운 파일 크기없이 영화 같은 배경을 제공합니다.
- 완벽한 레이어링: 중요한 콘텐츠 뒤에 입자를 레이어화하기 위해 Z-인덱스를 -1 또는 1로 설정합니다.
- 어디서나 작동: 최신 데스크톱 및 모바일 브라우저에서 원활하게 실행됩니다.
전체 시각적 및 행동 제어
점만 더하는 게 아닙니다; 마이크로 우주를 디자인하고 있습니다. 입자의 수,색상, 불투명도,크기를 조절합니다. 움직이고 얼마나 빠른지 결정합니다. 호버링할 때 선과 연결하게 하거나 커서에서 밀어내거나 가장자리에서 튕겨내게 합니다. 입자 모양을 원에서 삼각형,별 또는 사용자 지정 이미지로 변경할 수도 있습니다.
- 밀도 & 이동: 입자의 수와 밀도를 설정하고 속도와 방향을 제어합니다.
- 대화형 요소: 마우스 호버 효과를 활성화하여 파티클이 방문자의 커서에 연결, 밀어내기 또는 끌리게 합니다.
- 어울리는 스타일: 브랜드와 페이지 디자인을 완벽하게 보완하는 입자 색상과 모양을 선택하십시오.
입자에 대해 자주 묻는 질문
나는 개발자가 아니다. JSON 물건은 나를 위해 너무 열심히인가?
전혀! 당신은 두 가지 쉬운 경로가 있습니다: 1) 그냥 멋진 기본 모양을 위해 활성화. 2) 시각적 생성기 웹 사이트 (설정에있는 링크) 를 사용합니다. 그 사이트에서,당신은 마우스로 슬라이더와 색상을 조정 – 그것은 시각적 편집기처럼. 당신이 그것을 좋아하면,당신은 “JSON 다운로드”를 클릭하고 해당 코드를 붙여 넣습니다. JSON 을 수동으로 작성할 필요가 없습니다.
나만의 이미지 (로고 같은) 를 입자로 써도 되나요?
예,할 수 있습니다! particles.js configurator 웹 사이트에서 입자 모양으로 “이미지”를 선택하고 자신의 이미지 파일 (작은 로고 또는 아이콘과 같은) 을 업로드 할 수 있습니다. 그런 다음 해당 JSON 을 다운로드하여 Master Addons 에 붙여 넣으십시오. 이제 사용자 정의 모양이 떠 다닐 것입니다.
이게 휴대폰에서 통할까요?
예,모바일에서 작동합니다! 그러나 성능을 위해 터치 장치에서 상호 작용 (손가락을 따라가는 입자처럼) 이 기본적으로 줄어들거나 비활성화되어 배터리를 절약하고 원활하게 유지 될 수 있습니다. 입자는 여전히 애니메이션되고 아름답게 보입니다.
동일한 페이지의 다른 섹션에 다른 입자 효과를 가질 수 있습니까?
절대적으로! 입자 설정은 Elementor 의 컨테이너 또는 섹션별로 적용됩니다. 영웅의 스타 필드,기능 섹션의 연결 점 네트워크 및 바닥 글의 버블 효과 – 모두 동일한 페이지에 있으며 각각 고유 한 JSON 구성이 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
