Animacje na stronach internetowych wprowadzają na stronie nieco życia. W Kreatorze Najszybsza w prosty sposób możesz dodawać animacje i efekty specjalne do swojej strony. Bez kodowania i wiedzy technicznej. Wystarczy wybrać element, który chcesz animować, i skonfigurować odpowiednie ustawienia. Wszystko dzieje się natychmiastowo i intuicyjnie, a efekty możesz dostosować do własnych potrzeb.

Oto krótki przegląd dostępnych animacji, które możesz łatwo zastosować na swojej stronie, aby dodać jej dynamiki i unikalnego charakteru.

Slajder to animowany element, który pozwala na wyświetlanie zmieniających się treści tekstowych. Idealny do prezentacji wielu informacji w jednym miejscu, bez nadmiernego obciążania przestrzeni na stronie.

Karuzela zdjęć to efektowne rozwiązanie do wyświetlania serii zdjęć w postaci przewijającej się galerii. Użytkownicy mogą ręcznie przewijać obrazy lub możesz ustawić ich automatyczne przesuwanie się, wolniejsze lub szybsze. Możesz też zmienić kolor strzałek i ich zaokrąglenie. Karuzela zdjęć to świetny sposób na dynamiczne prezentowanie zdjęć czy portfolio.

Jak uzyskać ten efekt?

Kreator → Karuzela → Typ Karuzeli → Slajdy

Karuzelę zdjęć możesz też pokazać w rolce. Zdjęcia ułożone są wtedy jedno obok drugiego. Użytkownicy mogą ręcznie przewijać rolkę lub możesz ustawić automatyczne przesuwanie. Możesz zmienić odstępy między zdjęciami a także wysokość rolki.

Jak uzyskać ten efekt?

Kreator → Karuzela → Typ Karuzeli → Rolka

Lightbox to popularny efekt, który powiększa wybrane zdjęcie po kliknięciu, przyciemniając jednocześnie tło strony. Dzięki temu użytkownik może skupić się na wybranym obrazie w elegancki i efektowny sposób, idealny do wyświetlania większych wersji zdjęć bez opuszczania strony.

Jak uzyskać ten efekt?

Kreator → Galeria → Lightbox → Efekt przy najechaniu na zdjęcie → Powiększ

Efekt porównania zdjęć „przed i po” pozwala na umieszczenie dwóch obrazów, które można przesuwać względem siebie, aby zobaczyć różnice pomiędzy nimi. Idealne rozwiązanie dla stron prezentujących efekty pracy, takie jak projekty remontowe, makijaż, retusz zdjęć czy metamorfozy produktów.

Jak uzyskać ten efekt?

Kreator → Porównanie Zdjęć

Te animacje uruchamiają się, gdy użytkownik najeżdża kursorem na zdjęcie. Mogą to być efekty takie jak rozjaśnienie zdjęcia, przyciemnienie zdjęcia, przybliżenie (zoom) czy zmiana przezroczystości zdjęcia. Dzięki nim obraz może zyskać dodatkową warstwę interaktywności, zachęcając użytkowników do dalszej eksploracji treści.

Jak uzyskać ten efekt?

Kreator → Obraz → Styl → Animacja → Wybierz opcję

Tutaj, oprócz animacji obrazu, pojawia się także tekst. Może on "przylatywać" z różnych stron (z lewej, z prawej, z dołu) lub pojawiać się z efektowną zmianą koloru overlay. Efekt ten pozwala na dynamiczne dodawanie opisów do zdjęć, co sprawia, że użytkownicy mogą odkrywać dodatkowe informacje bez opuszczania strony.

Jak uzyskać ten efekt?

Kreator → Obraz+Tekst → Styl → Typ Animacji Tekstu, Typ Animacji Nakładki oraz Kolor nakładki

Tło strony również może być animowane, co nadaje stronie wyjątkowej dynamiki.

Możliwe efekty to: Parallax, Fixed i Ken Burns. Prezentujemy je poniżej.

Jak uzyskać ten efekt?

Kreator → Sekcja → Styl → Efekt obrazu w tle → Wybierz opcję

Parallax – tło porusza się wolniej niż reszta strony, tworząc efekt głębi.

Fixed – tło pozostaje nieruchome, gdy scrollujemy stronę, co pozwala na utrzymanie jego pozycji.

Ken Burns – efekt powolnego zoomowania i przesuwania tła, nadający zdjęciom subtelnej, eleganckiej animacji.

Parallax to efekt, w którym wybrany box przesuwa się do góry, gdy użytkownik przewija stronę. Daje to poczucie trójwymiarowości, a jednocześnie wprowadza dynamikę i ruch do statycznych elementów na stronie. Możesz ustawić wysokość przesunięcia oraz jego szybkość.

Jak uzyskać ten efekt?

Kreator → Box → Styl → Efekt Parallax → Wysokość przesunięcia, Szybkość przesunięcia

Ustaw animację dla całego boxu. Box może "przylatywać" na stronę z różnych kierunków – z lewej, z prawej lub z dołu. Taki efekt pozwala na subtelne wprowadzenie nowych elementów na ekran, co dodaje płynności i przyciąga uwagę użytkownika do ważnych treści.

Jak uzyskać ten efekt?

Kreator → Box → Styl → Animacja → Wybierz opcję

Użytkownik może zauważyć zmianę linku po najechaniu na niego kursorem. Możliwe efekty to zmiana koloru tekstu, pojawienie się podkreślenia lub delikatna mikroanimacja, np. potrząśnięcie tekstu. Dzięki temu linki stają się bardziej widoczne i interaktywne, co zachęca do ich kliknięcia.

Jak uzyskać te efekyt?

Kreator → Link → Styl → Kolory, Podkreślenia, Animacje