Preskoči na vsebino
TextArray
100% lokalno

Generator gradientov CSS

Ustvarite deklaracije linearnega in radialnega gradienta CSS z barvami in koti po meri.

Izhod

Generator gradientov CSS

Generator gradientov CSS v nekaj sekundah ustvari deklaracije gradientov ozadja. Linearni prelivi tečejo v eni sami smeri, kot nalašč za subtilna ozadja ali privlačna prekrivanja. Radialni prelivi izhajajo iz središčne točke, kar je idealno za učinke reflektorjev ali gladke barvne prehode. Izberite vrsto preliva, nastavite kot za linearne prelive (0–360 stopinj) in izberite dve barvi – šestnajstiške kode, RGB, RGBA ali poimenovane barve delujejo. Orodje ustvari celotno lastnost ozadja CSS, pripravljeno za lepljenje v vašo datoteko slogov.

Gradienti so eden najbolj vsestranskih oblikovalskih elementov v sodobnem CSS. Zmanjšajo velikost datoteke v primerjavi z ozadji slik, se neskončno spreminjajo in gladko animirajo v brskalnikih. Predogled v živo natančno pokaže, kako izgleda vaš gradient, ko prilagajate barve in kote. Kopirajte rezultat in ga uporabite za kateri koli element – ozadje strani, gumb, razdelek junaka ali prekrivno kartico.

Vse teče v vašem brskalniku, zato vaše izbire barv in nastavitve ostanejo zasebne. Podatki se ne pošiljajo nikamor. Orodje deluje tudi brez povezave, tako da lahko ustvarjate prelive kjer koli in kadar koli. Ne glede na to, ali načrtujete spletno mesto, izdelujete prototip aplikacije ali samo eksperimentirate z barvnimi kombinacijami, ta generator pospeši vaš potek dela. Prilagodite kot, zamenjajte barve in takoj si oglejte posodobitev CSS.

FAQ

Kaj je gradient CSS?
Gradient CSS je gladek barvni prehod, ki ga upodobi neposredno brskalnik. Linearni prelivi prehajajo vzdolž črte; radialni gradienti izhajajo iz središčne točke. Oba sta lahka, razširljiva in ju je mogoče animirati.
Kateri kot uporabljam za različne smeri?
Za linearne prelive: 0° je od leve proti desni, 90° je od zgoraj navzdol, 180° je od desne proti levi, 270° je od spodaj navzgor. Vsak kot med 0 in 360 stopinj deluje. Radialni prelivi ne uporabljajo kota.
Ali lahko uporabim katero koli barvno obliko?
ja Šestnajstiške kode (#FF0000), RGB (rgb(255, 0, 0)), RGBA s prosojnostjo (rgba(255, 0, 0, 0.5)), HSL in imenovane barve (rdeča, modra) vse delujejo v prelivih CSS.
Ali se moji barvni podatki pošiljajo kam?
Ne. To orodje se v celoti izvaja v vašem brskalniku. Vaše barve, koti in nastavitve nikoli ne zapustijo vaše naprave.