Nástroje pre vývojárov, po ktorých siahate každý deň, všetky na jednom mieste.

Konvertory, formátovače, hashe, validátory a malé utility, ktoré si stále znova otvárate, zostávajú pokope namiesto toho, aby sa strácali medzi kartami.

GitHub

/ Nástroje

■

/ Vyhľadávač nástrojov

109 nástrojov

/ Generátor prechodov

Typ gradientu

Uhol: 90°

0°90°180°270°360°

Farebné zastávky

100%

Náhľad gradientu

CSS kód

Hodnota CSS vlastnosti

Obrázok pozadia

/ Vybraný nástroj

■

Generátor prechodov - bezplatný generátorový nástroj

Vytvárajte krásne CSS prechody s viacerými farebnými bodmi

■ 01

Čo sú CSS gradienty?

CSS gradienty vytvárajú plynulé prechody medzi dvomi alebo viacerými farbami. Môžu sa použiť ako pozadia, orámovania a ďalšie vlastnosti. Gradienty sú vykresľované prehliadačom a škálujú sa dokonale bez pixelizácie.

■ 02

Ako to funguje?

Gradienty fungujú definovaním farebných zastávok na konkrétnych pozíciách pozdĺž cesty. Lineárne gradienty prechádzajú farbami pozdĺž priamky pod zadaným uhlom, zatiaľ čo radiálne gradienty prechádzajú zo stredového bodu smerom von v…

■ 03

Ukážkové prípady

Pokrýva lineárny gradient, radiálny gradient a gradient s viacerými zastávkami, aby ste mohli rýchlo porovnať bežné vstupy a výstupy.

/ Súvisiace nástroje

/ Kód

■

Zdrojový kód vybraného nástroja, zobrazený tu vedľa živej verzie napravo.

/ Zdrojový kód

TypeScript

typescript

// No external dependencies needed - generates CSS gradient strings

interface ColorStop {
  color: string;
  position: number; // 0-100
}

type GradientType = 'linear' | 'radial';

interface GradientOptions {