O tym narzędziu
Zbuduj powtarzalny wzór tła — paski, szachownicę, kropki lub siatkę — z dwóch kolorów i rozmiaru, używając wyłącznie gradientów, a następnie skopiuj CSS. Podgląd aktualizuje się na żywo w Twojej przeglądarce.
Najczęściej zadawane pytania
Jak te wzory powstają bez obrazów?
Wykorzystują liniowe i radialne gradienty CSS z background-size, które przeglądarka kafelkuje, aby narysować powtarzalny wzór.
Czy wzór skaluje się na ekranach o wysokiej gęstości?
Tak — gradienty są oparte na wektorach, więc wzór pozostaje ostry w każdej rozdzielczości i przy każdym poziomie powiększenia.