1. Strona główna
  2. Pomoc
  3. Jak uzyskać efekt matowego szkła - glassmorfizm w tle

Jak uzyskać efekt matowego szkła - glassmorfizm w tle

Dostępne w planach:

W Najszybszej staramy się ułatwić projektowanie strony internetowej i udostępniać wygodne funkcje, które działają automatycznie po zaznaczeniu tylko jednej lub kilku opcji. Bez konieczności kodowania.

efekt matowego szkła w kreatorze najszybsza
efekt matowego szkła w kreatorze najszybsza<br>

Co to jest glassmorfizm?

Efekt glassmorfizm (ang. glassmorphism) to stosunkowo nowy trend w projektowaniu stron internetowych. Nazwa pochodzi od szkła (ang. glass) i efekt ma na celu nadanie elementom wyglądu przypominającego przezroczystą, szklaną powierzchnię. Główne cechy efektu glassmorphism to delikatne rozmycie tła oraz przejrzystość, które nadają wrażenie głębi i trójwymiarowości.

Jak uzyskać efekt matowego szkła w tle?

Efekt matowego szkła jest dostępny jeżeli masz załadowane zdjęcie w tle sekcji. Aby uzyskać glassmorfizm zaznać odpowiednie opcje w ustawieniach boxu (pudełka).

1. Wybierz sekcję, przejdź do jej ustawień i załaduj zdjęcie w tle sekcji.

2. Wybierz box (pudełko) i przejdź do jego ustawień.

3. W zakładce "Styl" ustaw kolor tła boxu. Możesz wybrać dowolny kolor. Ustaw jego przezroczystość wg uznania.

glassmorfizm ustawienia tła
glassmorfizm ustawienia tła<br>

4. W zakładce "Styl" ustaw poziom rozmycia tła boxu.

glassmorfizm rozmycie tło matowe
glassmorfizm rozmycie tło matowe<br>

Przykłady efektów.

W zależności od wybranego koloru tła boxu a także poziomu rozmycia tła możesz uzyskać różne efekty wizualne.

glassmorphism efekty
glassmorphism efekty<br>

Jeżeli ustawisz jasne tło koniecznie zmień kolor tekstów na kontrastowy, ciemniejszy aby były lepiej czytelne.

efekt matowego tła na stronie
efekt matowego tła na stronie<br>

Glassmorfizm czyli efekt matowego szkła możesz zastosować w każdym boxie (pudełku), tutaj poniżej przykład boxu z podziękowaniem za zamówienie w sklepie.

efekt matowego szkła glassmorphism
efekt matowego szkła glassmorphism<br>
Ostatnia aktualizacja: 2024-05-05

Jak możemy Ci pomóc?

Zajrzyj do Centrum Pomocy ze wskazówkami jak zaprojektować i skonfigurować stronę.

Możesz zlecić nam stworzenie strony lub sklepu w atrakcyjnej cenie.

Skontaktuj się z nami. Zapewniamy profesjonalną i szybką pomoc techniczną.


© 2020-2024 Strona zbudowana i hostowana w Najszybsza.pl

Prywatność

Korzystając z naszej witryny zgadzasz się na stosowanie przez nas cookies. Używamy niezbędnych cookies oraz opcjonalnych.

Polityka prywatności