CSS gradient ģenerators
Izveidojiet lineārus, radiālus un koniskus CSS gradientus jūsu pārlūkprogrammā.
Krāsa pārtraukums
Izmantojiet pārtraukuma rokas vai tastatūras riteņus, lai rediģētu pozīcijas. Katra pārtrauka ietver skaidru krāsu, neaktīvu un procentuālo daļu.
Browser-native vietējā apstrāde
Jūsu gradients paliek šajā pārlūkprogrammā. nekādas krāsas vai radītais CSS tiek nosūtīts uz Convertr.
Iekļūšanas grāmata
Imports pieņem lineāru gradientu(), radiālu gradient(), vai koniju gradients(), ar hex krāsām un procentiem.
Pieejams Fallback
Izveidotā CSS ietver solid background-color fallback kopā ar gradientu nepieņemtiem rendereriem un pieejamu kontroles kromu.
Biežāk uzdotie jautājumi
Vai gradients ir uzstādīts?
Gradient stāvoklis, krāsas, importētais CSS un ģenerētais CSS paliek jūsu pārlūkprogrammā.
Kādi CSS gradient veidi tiek atbalstīti?
Generators rada lineāru gradientu(), radiālu gradient(), un konikas gradienta() iznākumu ar vairākiem hex krāsu pārtraukumiem.
Ko var importēt?
Imports pieņem apzināti ierobežotu grāmatu, izmantojot vienu atbalstītu gradientu funkciju, hex krāsas, opcionālas procentuālās vērtības un ierobežotas leņķa vai pozīcijas vērtības.
Attiecīgā izstrādātāja un dizaina rīki
CSS gradient ģenerators
Izveidojiet lineārus vai radiālus CSS gradientus un iepriekš redzēt krāsu pārtraukumus, leņķus, pozīcijas un atkārtošanos.
- Ievade
- Gradienta veids, krāsu pārtraukumi, pozīcijas, leņķa un atkārtošanās iestatījumi.
- Izvade
- Dzīva priekšskata un kopējama CSS fona deklarācija.
- Reālie ierobežojumi
- Browser rendering var nedaudz atšķirties pēc motora, un rīks nevērtē kontrastu vai garantē atbalstu mantojuma pārlūkprogrammas.
- Privātuma un datu apstrāde
- gradienta veids, krāsu pārtraukumi, pozīcijas, leņķa un atkārtošanās iestatījumi tiek apstrādāti šajā pārlūkprogrammas tabulā. konvertētājs to nesaņem vai uzglabā; lapas slēgšana vai pārslodze izskaidro darba stāvokli, ja vien rīks skaidri piedāvā vietējo lejupielādi.
Kā izmantot šo rīku
- Nodrošināt gradienta veidu, krāsu pārtraukumus, pozīcijas, leņķus un atkārtoti iestatījumus rīku kontrolēs.
- Izvēlieties iestatījumus, kas ietekmē dzīvo iepriekšējo un kopējamu CSS fona deklarāciju, tad izlaidiet rīku.
- Pārskatiet dzīvu priekšskatījumu un kopējamu CSS fona deklarāciju pirms tā kopēšanas vai lejupielādes.
Kopīgas neveiksmes režīms
Trūkst krāsu pārtraukums, nevēlams krāsa vai nesaderīga pozīcija novērš spēkā esošo CSS deklarāciju.
Noderīgs piemērs
Izveidojiet 90 grādu lineāru gradientu no #111827 uz 0% līdz #f59e0b uz 100% un kopējiet deklarāciju.