Z lekką pomocą kodu CSS i wbudowanych możliwości edytora, możesz uzyskać efekt odsłaniających się kafelek.

Tutaj przykład działania: http://9dehookj.dotests.com/ (najedź proszę kursorem na jeden z elementów graficznych).

Dodawanie kodu CSS

  1. Do własnego CSS w opcjach landing page dodaj następujący kod:
.card {
transition: all 0.3s;
}
.card:hover {
opacity: 0.2;
}<br>

2. Następnie na wybranym elemencie, ustaw klasę "card".

3. Dobrze się upewnij, że element ten znajduje się 'na wierzchu'.

Polecam do tego zabiegu używać obrazków (nie boxów). Obrazkom można u nas nadawać linki. Jest to o wiele bardziej elastyczne niż w przypadku boxów.

Po najechaniu kursorem na taki obrazek, staje się on przeźroczysty.
Dzięki temu widać elementy znajdujące się pod spodem.

4. Opublikuj swój landing i sprawdź czy wszystko działa zgodnie ze zmianami.

Zrobione!;)

Did this answer your question?