Obracanie elementu i odbicie lustrzane

Zaktualizowano: 21 czerwca, 2022 Autor: Avatar Marta Szeliga
share
Spis treści
share
Spis treści

Jeżeli chcesz obrócić dany element na Twoim landing page'u lub uzyskać efekt odbicia lustrzanego, możesz to zrobić za pomocą jego numeru ID oraz dodania własnego kodu CSS.

Ustaw obrót elementu

1. Zaloguj się do platformy Landingi i przejdź do edytora wybranego landing page’a.

2. Odszukaj element, który chcesz obrócić. Kliknij w niego i z zakładki Inne po prawej stronie skopiuj numer ID.

2. Przejdź do Ustawień strony i kliknij Dodaj własny CSS.

W trakcie edycji do Ustawień strony wrócisz, klikając na strzałkę:

3. Skopiuj podany poniżej kod CSS i wklej go w zakładce Strona główna.

Zamień IDelementu na wcześniej skopiowany numer ID. UWAGA: Zmiana będzie widoczna dopiero na opublikowanym landing page'u.

Obracanie elementu

  • Wartość rotate(45deg) oznacza, że element obróci się o 45 stopni zgodnie z ruchem wskazówek zegara. Jeżeli chcesz zmienić tę wartość, wpisz w nawiasie inny zakres stopni, np. rotate(90deg).
  • Jeżeli chcesz obrócić wybrany element przeciwnie do ruchu wskazówek zegara, wówczas wpisz symbol minus „-” w nawiasie przy wartości stopni, np. rotate(-30deg).
#IDelementu {
transform: rotate(45deg);
}

Odbicie lustrzane

#IDelementu {
transform: scaleX(-1);
}

5. Kliknij Zapisz i zamknij. Następnie opublikuj swój landing page.

share

Czy ta instrukcja była pomocna?