Uwaga: Te przesuwane panele są zaprojektowane do pełnej wysokości ekranu. Na tabletach i urządzeniach mobilnych będą się one układać w stos, a zawartość po najechaniu kursorem będzie zawsze widoczna.

Każdy panel jest zawarty w sekcji wiersza nadrzędnego. Każda sekcja panelu składa się z dwóch sekcji wewnętrznych. Górna sekcja wewnętrzna to widoczna zawartość (tytuł), a dolna sekcja wewnętrzna to zawartość wyświetlana po najechaniu kursorem.

Możesz dodać dowolną zawartość wewnątrz każdej z wewnętrznych sekcji panelu.

Obrazy są ustawiane w ustawieniach tła dla każdej z 4 sekcji panelu.
Nakładka w stanie bez najechania jest ustawiana w ustawieniach nakładki tła dla każdej z 4 sekcji panelu.
Nakładka po najechaniu kursorem, gradient i animacja są ustawione w CSS w przełączniku Custom CSS w wierszu nadrzędnym.

Jeśli chcesz zmienić nakładkę po najechaniu kursorem, na przykład jeśli chcesz mieć ciemny tekst na jasnym tle, istnieje zmienna, którą możesz dostosować u góry CSS w przełączniku Custom CSS w wierszu nadrzędnym:

:root {
–wpziom-sliding-panels-1-overlay: linear-gradient(0deg, rgba(0, 0, 0.5) 0%, rgba(0, 0, 0.5) 50%, rgba(0, 0, 0) 100%);
}


Zmień kolory gradientu liniowego lub utwórz własny gradient za pomocą tego poręcznego narzędzia, które wygeneruje CSS dla Ciebie: https://cssgradient.io

Morze


To jest podtytuł

przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst

Jeziora


To jest podtytuł

przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst

Lasy


To jest podtytuł

przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst

Plaże


To jest podtytuł

przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst przykładowy tekst