Paralaksa

19.02.2019

Efekt pływających sekcji

Na swoim landingu możesz uzyskać efekt paralaksy (pływających sekcji). W tym celu musisz ustawić tło dla całego landing page (body strony) oraz dodać naprzemiennie sekcje z tłem oraz sekcje z tłem wyłączonym.

  • W edytorze swojego landinga, przejdź do panelu w prawej stronie okna i kliknij dwukrotnie w warstwę „Body” (Page, Strona),
Parallax efect
  • Następnie, zwróć uwagę na suwak tła ON/OFF, który musisz przesunąć na „ON” 
    i wybrać tło, jakie chcesz dodać do swojego landinga (Image, Gradient) za pomocą przycisków poniżej – jeśli w galerii nie posiadasz żadnych zdjęć, pobierz je ze swojego komputera, klikając „Upload images”,
Parallax efect

Zaznaczając check „Fixed” dostosowujesz dodany element tła do całego landinga.

Parallax efect
  • Następnie przeciągnij i upuść kilka sekcji, jedna pod drugą, które mają być częścią Twojego landinga,
Parallax efect
  • w ustawieniach każdej sekcji możesz zmienić wygląd jej tła, włączające je lub też wyłączając (Background ON/OFF). Aby sekcja była widoczna na na całym widoku, zaznacz check „Full width„; możesz także dostosować jej color czy jego przezroczystość, a po wszystkim, zamknąć okno przyciskiem „Close„.
    Tło sekcji włączone:
Parallax efect

Tło sekcji wyłączone:

Parallax efect
  • Po dodaniu kilku sekcji z różnymi opcjami tła, spróbuj scrollować landing -tło Body jest statyczne, a sekcje stały się „pływające”.
Czy ten artykuł był dla Ciebie pomocny?

Nadal potrzebujesz pomocy?

Skontaktuj się z naszym supportem. Chętnie pomożemy.
Wyślij nam wiadomość
Ta strona używa plików cookies w celach analitycznych. Polityka prywatności.