Hugbúnaður CSS Gradient

Skapa linear, radial og koní CSS gradients í vafrandi þínu.

Fólkur hættir

Notuð stop handles eða keyboard ströfur til að beita stöðu. Hver stop er með skýrt lit, óþægilegt og andsetningu.

Tilbúið

Nátíðsveitandi heimasveitingu

Gradient þinn er í þessari vöru. engin litur eða generated CSS sendir til Convertr.

Grænda innfangsgrammamálið

Ísveðja samþykkir lína-gradient(), radial-gradent() eða koní-graduent() með hex farfur og hlutfall.

Tilkomandi fallback

The generated CSS inniheldur sterka bakgrunnsfarna fallback ásamt gradientinu fyrir óþekkt rendering og viðkomandi stjórn króm.

Algengar spurningar

Er gradientinn minn uppaust?

Gradient staður, litur, inntali CSS og generated CSS vera í bréfið.

Hvaða CSS gradient eru stuðlaðir?

Gerandi skapar lína-gradient(), radial-gradent() og koní-graduent() útgang með mörgum hex farþegum.

Hvað get ég tekið inn?

Íhuga samþykkir með hugsanlega takmarkað grammamari með því að nota einn stuðlað gradient virði, hex farfur, valfræna hlutfall og takmarkan hinga eða stöðu reikningar.

Sérhverfisþróun og hönnun tól

Verkfæri þróunaraðilaBrowse browsers þjálfun CSS FärgþrótturÁhrif CSS litur SkjósamálSass/SCSS snippets á netinu CSS þrífKomprimera CSS kóða loksins í browsera þínu. Fólkið í myndinni PickerVinnum litur úr myndum loksins.

Hugbúnaður CSS Gradient

Byggja lína- eða ránal CSS gradients og fyrirvisa litur hættu, hlið, stöðu og uppreikingu.

inntök
Gradient typi, litur hættir, stöðu, hlið og endurtekna settingar.
útgang
Live fyrirmynd og kopíbar CSS bakgrunnsþekning.
Reyndar takmörk
Browsers rendering getur lítið mismunandi eftir vél, og tólin er ekki að mæta kontrast eða veita stuðning í öryggi browsers.
Privátverkefni og gögn meðferð
Gradient typi, litur hættir, stöðu, vinkon og endurtekna settingar eru meðhöndlað í þessari síföngusamning. Converter fær ekki eða lagrar það; lokað eða endurlasting síða fer út vinnu tilstand ef tól er sérstaklega að bjóða upp á staðbundna niðurstöður.

Hvernig á að nota þetta verkfæri

  1. Gerðu gradienttíp, litur hættu, stöðum, vinkonum og endurtekna settingar í vöru stjórnun.
  2. Veldu settun sem áhrif á live fyrirmynd og kopíbar CSS bakgrundsríki, þá ferðu tólinn.
  3. Sjáðu live fyrirmynd og kopíbar CSS bakgrundsríki áður en þú kopiar eða hlaupa það.

Alþjóðlegur mismunandi leiðir

Að missa litur, óþekkt litur eða óþekkandi stöðu hindrar gildi CSS útskýringu frá að byggja.

Vinnleg dæmi

Skapa 90 gradient línaður gradiendur frá #111827 á 0% til #f59e0b á 100% og kopið útskýrunar.