Handytool
Pro vývojářeZdarmaSpouštěno lokálně

Generátor CSS Gradient

Sestrojte lineární, radiální, kuželovité gradienty — táhněte stoppy, vyberte barvy, zkopírujte CSS.

Náhled
CSS
background: linear-gradient(135deg, #B7FF3E 0%, #0a0a0a 100%);
Typ
Předvolby

Přidejte až šest barevných zastávek, přetáhněte posuvník pozice a zkopírujte CSS.

O Generátor CSS Gradient

Generátor CSS gradient Handytool sestrojuje gradienty s až 6 color stoppy. Táhněte pozici, změňte barvu, přepínejte typ — live náhled. Presety nebo od nuly.

Funkce: Generátor CSS Gradient

  • 01

    Linear, radial, conic

    Linear běžné. Radial highlights. Conic pie charts.

  • 02

    Až 6 stopů

    Přidejte/odeberte, nastavte pozici, vyberte barvu. Auto sort.

  • 03

    Kopírovatelný CSS

    Complete background: ... declaration.

Generátor CSS Gradient – časté dotazy

Rozdíl?
Linear přímá čára. Radial ven z centra. Conic kolem bodu.
Kolik stopů?
Dva dva-barvy. Tři/čtyři realistické (sunset). Více než 6 noisy.
Email template?
Většina klientů nepodporuje. Poskytněte fallback barvu.
Pixel-přesný?
Ano — nativní prohlížeč gradient engine.

Související nástroje

Pro vývojáře →

Prozkoumat další nástroje

Všechny nástroje →