Geriausiai nemokama CSS gradiento generatorius
Sukurti linijinį ir radialinį CSS gradientus su gyva peržiūra - nukopijuoti fono kodą.
100% nemokamai
Nėra užregistravimo
Nėra vandens ženklo
✨
Go Pro už geriausius AI modelius - vaizdas, vaizdo ir pokalbių - plius didesni įkelimai, prioritetas eilėje ir nelaukti.
Atnaujinti į Pro
Meilė Best.Free? Dalintis
Kaip tai veikia
- Pasirinkite tipą. Pasirinkite linijinį arba radialinį ir nustatyti linijinio nuolydžio kampas.
- Pasirinkite spalvas ir sustojimo atvejus. Nustatyti dvi ar daugiau spalvų ir jų pozicijas; pridėti trečią stotelę Išplėstinės parinktyse.
- Kopijuoti BSS. Hit Kopijuoti CSS ir įklijuoti fono gradientą į savo stilių lapą.
Apie šį įrankį
Kurkite CSS gradientą akims, o ne redaguoti vertes aklomis. Perjunkite tiesinio ir radialinio gradiento kampą, patraukite tiesinį gradientą ir pasirinkite spalvas bei pozicijas bent dviem sustojimo atvejais, o pilno pločio peržiūros juostos atnaujinimus - gyvus. Kopijuokite iš to gaunamą fono nuosavybę tiesiai į stilių lentelę. Padidintos parinktys įdėti trečią spalvų stotelę turtingesniems mišiniams ir leiskite jums pasirinkti apskritimą ar elipsės formą radialiniams gradientams. Viskas veikia naršyklėje.
Kam žmonės jį naudoja
- Kurkite didvyrį arba sekcijos fono gradientą
- Sukurti mygtuką arba kortelės gradiento užpildymą
- Sumaišyti dvi ar tris prekės ženklo spalvas sklandžiai
- Generuoti radialinį poslinkį arba vinjetės efektą
Dažnai užduodami klausimai
Tiesinis gradientas sumaišomas tiesia linija, kurią pasirinksite; radialinis gradientas sumaišomas iš centrinio taško kaip apskritimas arba elipsė.
Tiesiniam nuolydžiui kampu nustatoma mišinio kryptis - 0° eina į apačią, 90° į kairę ir taip toliau.
Kiekvienas sustojimas yra spalva, padėta procentais išilgai gradiento. Stabdymo pokyčiai vyksta ten, kur ta spalva sėdi ir kiek aštrus mišinys.
Taip. Atidarykite Išplėstinės parinktys pridėti trečią spalvų stotį, įterptą tarp pirmojo ir paskutinio daugiaspalvio mišinio.
Ne. Spalvos ir sustojimai yra paversti CSS eilutę jūsų naršyklėje vietoje.
Visiškai nemokama, be sąskaitos ir jokių apribojimų - kliento pusėje įrankis su nieko skaitiklio.
Taip. Jis veikia jūsų naršyklėje, todėl CSS Gradient generatorius veikia telefonus ir planšetinius kompiuterius, taip pat darbastalį - nėra programėlės įdiegti.
Paprastai vos už kelias sekundes tipiškam failui - CSS Gradient generatorius pradeda dirbti, kai jam duodate savo įvesties.
Neribotas naudojimasis, dosnioje sąžiningo naudojimo kepurėje, kuri išlaiko jį greitai visiems.
Visos šiuolaikinės naršyklės - Chrome, Safari, Firefox ir Edge. CSS Gradient generatorius neturi nieko įdiegto už naršyklės, kurią jau naudojate.