Wszystkie narzędzia
Design
Generator wzoru w kratkę CSS

Generator wzoru w kratkę CSS

Generuj wzór tła w kratkę za pomocą CSS.

Typ

Wzór 1Wzór 2Wzór 3

Kolor bazowy (#e8f9fa)

Kolor wzoru (#06c0cc)

Rozmiar (10px)

background-color: #e8f9fa;
background-image: linear-gradient(45deg, #06c0cc 25%, transparent 25%, transparent 75%, #06c0cc 75%),linear-gradient(45deg, #06c0cc 25%, transparent 25%, transparent 75%, #06c0cc 75%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;

Wyjaśnienie

Generuje w czasie rzeczywistym trzy rodzaje wzorów w kratkę z kolorów tła i wzoru.

Wzory

Wzór 1	Klasyczna kratka / wzór w szachownicę
Wzór 2	Równe pola / wzór siatki
Wzór 3	Kratka gingham

Ustawienia

Kolor bazowy	Ustawia bazowy kolor tła.
Kolor kratki	Ustawia kolor kratki.
Rozmiar	Ustawia rozmiar kratki.

Powiązane narzędzia

CSS Paski

Generuj wzór tła w paski za pomocą CSS.

CSS Kropki

Generuj wzór tła w kropki za pomocą CSS.

CSS Gradient

Generuj CSS dla gradientów liniowych i radialnych.

CSS Cień

Generuj CSS dla cieni (zewnętrznych/wewnętrznych) z regulowanymi parametrami.

Obraz dummy

Generuj obrazy zastępcze do mocków i wireframe'ów.Ustaw rozmiar, kolory tła/tekstu i tekst, a otrzymasz bezpośredni URL obrazu.

JSON Check

Waliduj JSON (opcjonalnie JSONP) i sprawdzaj błędy składni.

KodJSONWalidacja

Tekst dummy

Generuj tekst zastępczy do projektów i wireframe'ów.Obsługuje presety lub własny tekst i generuje określoną liczbę znaków.

Encje HTML

Koduje i dekoduje encje HTML (np. & ↔ &).

KodowanieHTMLKod