Jak zrobić animowane tło gradientowe za pomocą Elementora

Rifat E Jul 26, 2022

Czy chcesz użyć Elementora , aby dodać animowane tło gradientowe do swojej witryny WordPress? W tym samouczku pokażemy, jak zrobić animowane tło za pomocą Elementora za darmo. Stosowanie dynamicznego tła gradientowego na stronie internetowej stało się ostatnio modne. Możesz dodać kilka kolorów z efektami animacji do animowanego tła gradientowego, aby bez wysiłku przyciągnąć użytkowników. Może sprawić, że Twoja witryna będzie bardziej charakterystyczna i atrakcyjna.
Wiele odcieni przechodzi do siebie w gradientowym tle. Ten styl tła można dodać za pomocą kodu CSS. Jednak zademonstrujemy, jak dodać ten styl tła bez pisania ani jednej linii kodu.

Animowane tło gradientowe nie wymaga użycia programu Elementor pro . Zaprojektujesz nasze animowane tło gradientowe, korzystając z bezpłatnej edycji Elementora i dodatkowej bezpłatnej wtyczki.

Utwórz animowane tło gradientowe za pomocą Elementor

Musisz aktywować wtyczkę Elementor Addon Elements WordPress. Nie musisz płacić za animowane tło gradientowe, ponieważ wtyczka jest darmowa.

Zainstaluj i aktywuj wtyczkę, a następnie uruchom edytor Elementor na dowolnej stronie internetowej. Aby dodać tło, kliknij ikonę edycji sekcji lub kolumny dla tej sekcji. Następnie z lewego pulpitu przejdź do zakładki Styl i wybierz menu Animowane tło gradientowe.

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Po włączeniu charakterystyki gradientu tła pojawi się opcja edycji. Następnie możesz dodać wiele kolorów do swojego tła. Domyślnie dodawane są trzy kolory. Aby zmienić kolor, po prostu kliknij na niego. Po kliknięciu koloru możesz użyć próbnika kolorów, aby wybrać kolor.

Aby dodać kolor, kliknij przycisk Dodaj element. Możesz skopiować kolor, wybierając ikonę kopiowania i usunąć go za pomocą ikony usuwania. Animowany efekt można zobaczyć w tle po dodaniu wszystkich kolorów.

W tej wtyczce jest tylko jeden efekt animacji dla gradientowego tła. W rezultacie nie będziesz w stanie dostosować efektu animacji. Jednak domyślny efekt animacji jest tak piękny, że po prostu zachwyci użytkowników.

Zawijanie

Postępując zgodnie z procedurą, będziesz mógł stworzyć animowane tło gradientowe za pomocą bezpłatnej wtyczki do tworzenia stron Elementor . Sprawdź inne lekcje elementorów i podziel się nimi ze znajomymi, jeśli uznasz to za przydatne.

Divi WordPress Theme