Plej bona libera CSS gradienta generatoro
Konstrui linearajn kaj radiajn CSS- gradientojn kun antaŭrigardo - kopiu la fonan kodon.
100% libera
Neniu aliĝo
Neniu akvosigno
Dosieroj prilaboritaj en memoro, neniam konservitaj
✨
Go Pro por la plej bonaj AI-modeloj — bildoj, videoj kaj babilejoj — plus pli grandaj alŝutoj, prioritato en la vico kaj sen atendado.
Ĝisdatigi al Pro
Amo best.free? Komunigi ĝin
Kiel ĝi funkcias
- Elekti tipon. Elektu linearan aŭ radian, kaj difinu la angulon por lineara gradiento.
- Elekti kolorojn kaj haltojn. Difini du aŭ pli kolorojn kaj iliajn poziciojn; aldoni trian haltpunkton en la pliampleksigitaj opcioj.
- Kopii la CSS. Premu Kopii CSS kaj enmetu la fonan gradienton en vian stildifinon.
Pri tiu ilo
Konstrui CSS- gradienton per okulo anstataŭ redakti valorojn blinde. Ŝanĝu inter lineara kaj radiala, ŝovu la angulon por lineara gradiento, kaj elektu kolorojn kaj poziciojn por almenaŭ du stopoj dum plenlarĝa antaŭrigardo aktualiĝas. Kopiu la rezultan fonan econ rekte en vian stilfolion. La pliaj opcioj aldonas trian kolorstopon por pli riĉaj miksoj kaj permesas al vi elekti cirklan aŭ elipsoformon por radialaj gradientoj. Ĉio ruliĝas en via retumilo.
Kion homoj uzas ĝin por
- Desegni fonan gradienton por heroo aŭ sekcio
- Krei butonon aŭ kartan gradientan plenigon
- Miksi du aŭ tri kolorojn glate
- Ŝarĝante konstelaciajn nomojn
Oftaj demandoj
Lineara gradiento miksiĝas laŭ rekta linio je la angulo kiun vi elektas; radiala gradiento miksiĝas eksteren el centra punkto kiel cirklo aŭ elipso.
Por lineara gradiento la angulo difinas la direkton de la miksaĵo — 0° iras malsupren-supren, 90° maldekstren-dekstren, kaj tiel plu.
Ĉiu haltpunkto estas koloro metita je procento laŭlonge de la gradiento. Movi halton ŝanĝas kie tiu koloro estas kaj kiel akra la mikso estas.
Jes. Malfermu la pliajn opciojn por aldoni trian kolorhalton, enmetitan inter la unua kaj la lasta por multkolora mikso.
Ne. La koloroj kaj haltoj estas konvertitaj al CSS- signoĉeno loke en via retumilo.
Laŭ la tradicio, ĝi estas senlima.
Jes. Ĝi ruliĝas en via retumilo, do CSS Gradient Generator funkcias sur telefonoj kaj tablojdoj same kiel sur labortablo - ne estas instalenda aplikaĵo.
Kutime nur kelkaj sekundoj por tipa dosiero - CSS Gradient Generator komencas labori en la momento kiam vi enmetas vian enmeton.
La ĉasado estas tre malfacila, ĉar la nesto estas konstruita el maldikaj branĉoj, kiuj estas facile forpreneblaj de la predo.
Ĉiuj modernaj retumiloj - Chrome, Safari, Firefox kaj Edge. CSS Gradient Generator ne bezonas instali ion krom la retumilo, kiun vi jam uzas.