Zaawansowany Generator CSS

Zmienne Globalne CSS (Custom Properties)

Główny kolor (np. dla nagłówków, linków): Drugi kolor (np. akcenty, hover): Kolor tekstu głównego: Kolor tła głównego:

Ustawienia Ogólne (dla Body)

Rodzaj czcionki (Body): Rozmiar czcionki (Body, px):

Wysokość linii (Body, em):

Wyrównanie tekstu (Body): Przezroczystość tekstu (Body):

Dekoracja tekstu (Body): Transformacja tekstu (Body): Odstępy między literami (Body, px):

Odstępy między słowami (Body, px):

Ustawienia Nagłówków

Nagłówek H1

Rodzaj czcionki (H1): Rozmiar czcionki (H1, px):

Kolor tekstu (H1): Wyrównanie tekstu (H1): Margines górny (H1, px):

Margines dolny (H1, px):

Cień tekstu H1 (offset X, px):

Cień tekstu H1 (offset Y, px):

Cień tekstu H1 (rozmycie, px):

Cień tekstu H1 (kolor): Transformacja tekstu (H1): Odstępy między literami (H1, px):

Odstępy między słowami (H1, px):

Przezroczystość (H1):

Nagłówek H2

Rodzaj czcionki (H2): Rozmiar czcionki (H2, px):

Kolor tekstu (H2): Wyrównanie tekstu (H2): Margines górny (H2, px):

Margines dolny (H2, px):

Cień tekstu H2 (offset X, px):

Cień tekstu H2 (offset Y, px):

Cień tekstu H2 (rozmycie, px):

Cień tekstu H2 (kolor): Transformacja tekstu (H2): Odstępy między literami (H2, px):

Odstępy między słowami (H2, px):

Przezroczystość (H2):

Ustawienia Paragrafu (`
`)

Rozmiar czcionki (p, px):

Kolor tekstu (p): Wyrównanie tekstu (p): Wysokość linii (p, em):

Odstępy między literami (p, px):

Odstępy między słowami (p, px):

Transformacja tekstu (p): Przezroczystość (p):

Ustawienia Linków (``)

Kolor linków: Kolor linków odwiedzonych (`:visited`): Kolor linków po najechaniu (`:hover`): Kolor linków aktywnych (`:active`): Dekoracja tekstu linku: Dekoracja tekstu linku po najechaniu: Kursor na linku:

Ustawienia Kontenera Głównego (`.container`)

Kolor tła kontenera: Przezroczystość kontenera:

Promień zaokrąglenia (px):

Cień X (px):

Cień Y (px):

Rozmycie cienia (px):

Rozprzestrzenianie cienia (px):

Kolor cienia:

Ustawienia Przycisków (`

Kolor tła przycisku: Kolor tekstu przycisku: Kolor tła przycisku po najechaniu: Promień zaokrąglenia przycisku (px):

Przykładowy nagłówek H1

Przykładowy nagłówek H2

Zaawansowany Generator CSS

Zmienne Globalne CSS (Custom Properties)

Ustawienia Ogólne (dla Body)

Ustawienia Nagłówków

Nagłówek H1

Nagłówek H2

Ustawienia Paragrafu (`
`)

Ustawienia Linków (``)

Ustawienia Kontenera Głównego (`.container`)

Ustawienia Przycisków (`

Wygenerowany kod CSS:

Podgląd:

Zaawansowany Generator CSS

Zmienne Globalne CSS (Custom Properties)

Ustawienia Ogólne (dla Body)

Ustawienia Nagłówków

Nagłówek H1

Nagłówek H2

Ustawienia Paragrafu (``)

Ustawienia Linków (``)

Ustawienia Kontenera Głównego (`.container`)

Ustawienia Przycisków (``)

Wygenerowany kod CSS:

Podgląd:

Przykładowy nagłówek H1

Przykładowy nagłówek H2

Ustawienia Paragrafu (`
`)

Ustawienia Przycisków (`