Labākais bez maksas CSS gradienta ģenerators
Izveidot lineāru un radiālu CSS gradientus ar dzīvu priekšskatījumu - kopēt fona kodu.
100% bezmaksas
Nav pierakstīšanās
Nav ūdenszīmes
✨
Go Pro par labākajiem AI modeļiem - attēlu, video un tērzēšana - plus lielāki augšupielādes, prioritāte rindā un nav gaida.
Uzlabot uz Pro
Mīlestība Best.Free? Dalīties ar to
Kā tas darbojas
- Izvēlieties tipu. Izvēlieties lineāro vai radiālu, un iestatīt leņķi lineāra slīpuma.
- Izvēlieties krāsas un pieturas. Iestatīt divas vai vairākas krāsas un to pozīcijas; pievienot trešo pieturu Advanced opcijās.
- Kopēt CSS. Hit Kopēt CSS un ielīmēt fona gradientu jūsu stilu lapā.
Par šo rīku
Izveidot CSS slīpumu ar acīm, nevis rediģēšanas vērtības aklas. Pārslēdziet starp lineāro un radiālo leņķi, velciet leņķi lineāra slīpuma virzienā, un izvēlieties krāsas un pozīcijas vismaz divām pieturām, kamēr pilna platuma priekšskatījuma josla atjaunojas dzīvotspējīgi. Kopējiet iegūto fona īpašumu tieši jūsu stilu lapā. Advanced options pievieno trešo krāsu pieturu bagātākiem maisījumiem un ļaujiet izvēlēties apļa vai elipses formu radiāliem slīpumiem. Tas viss darbojas jūsu pārlūkprogrammā.
Kāpēc cilvēki to lieto
- Izstrādāt varoni vai sadaļu fona slīpumu
- Izveidot pogu vai kārts gradienta aizpildīšanu
- Maisīt divas vai trīs zīmola krāsas nevainojami
- Ģenerēt radiālo fokusu vai vinjetes efektu
Bieži uzdotie jautājumi
Lineārs slīpums sajaucas taisni pa izvēlēto leņķi; radiāls slīpums sajaucas uz āru no centra punkta kā aplis vai elipse.
Leņķa slīpumā lineāri nosaka maisījuma virzienu - 0° iet apakšējā pusē uz augšu, 90° pa kreisi uz labo pusi un tā tālāk.
Katra pietura ir krāsa, kas novietota procentos no gradienta. Pārvietojot pieturu, mainās vieta, kur šī krāsa atrodas un cik straujš ir maisījums.
Jā. Atvērt Advanced opcijas pievienot trešo krāsu pieturas, ievietots starp pirmo un pēdējo vairāku krāsu maisījums.
Nē. Krāsas un pieturas tiek pārvērstas par CSS rindu jūsu pārlūkprogrammā.
Pilnīgi bezmaksas, nav konta un nav ierobežojumu - klienta puses rīks ar neko skaitītāju.
Jā. Tas darbojas jūsu pārlūkprogrammā, tāpēc CSS Gradient ģenerators darbojas uz telefoniem un planšetdatoriem, kā arī darbvirsmas - nav lietotne, ko instalēt.
Parasti tikai dažas sekundes tipiskam failam - CSS Gradient ģenerators sāk darboties brīdī, kad dodat tam ievadi.
Nekustīga lietošana ir neierobežota, ar dāsnu taisnīgu lietošanas vāciņu, kas tur to ātri ikvienam.
Visas modernās pārlūkprogrammas - Chrome, Safari, Firefox un Edge. CSS Gradient Ģenerators nav nepieciešams, kas uzstādīts ārpus pārlūkprogrammas, kuru jau izmantojat.