CSS gradiento generatorius

Gradiento tipas

Kampas (laipsniai)

Forma

Spalvų sustojimo taškai

CSS išvestis

Kas yra CSS gradientas?

CSS gradientai leidžia rodyti sklandžius perėjimus tarp dviejų ar daugiau spalvų nenaudojant paveikslėlių failų. Yra trys tipai: linear-gradient (išilgai tiesios linijos), radial-gradient (spinduliuojantis iš centrinio taško) ir conic-gradient (besisukantis aplink centrinį tašką). Gradientai naudojami fonams, mygtukams, persidengiantiems sluoksniams ir dekoratyviems elementams.

Kaip naudoti CSS gradiento generatorių

Pasirinkite išankstinį nustatymą iš pavyzdžių arba sukonfigūruokite savo gradientą.
Pasirinkite gradiento tipą: linear, radial arba conic.
Sureguliuokite kampą (linear/conic) arba formą (radial).
Redaguokite spalvų sustojimus — keiskite spalvas ir pozicijas (0–100%).
Pridėkite arba pašalinkite spalvų sustojimus pagal poreikį.
Nukopijuokite CSS ir įklijuokite į savo stilių lapą.

Keywords: CSS gradiento generatorius, linijinis gradientas, radialinis gradientas, koninis gradientas, CSS fono generatorius, gradiento spalvų parinkiklis, CSS gradiento įrankis