CSS hallaforrit

Búðu til línulega, geisla- og keilulaga CSS halla í vafranum þínum.

Litarstopp

Notaðu stopphandföngin eða lyklaborðsörvar til að breyta staðsetningum. Hvert stopp inniheldur skýran lit, gagnsæi og prósentu.

Tilbúið

Vafra-næt staðbundin vinnsla

Hallinn þinn er áfram í þessum vafra. Engir litir eða myndað CSS eru send til Convertr.

Afmarkað innflutningsmálfræði

Innflutningur samþykkir linear-gradient(), radial-gradient() eða conic-gradient() með sextánda litum og prósentum. Yfirlýsingar, slóðir, breytur og óþekkt föll eru hafnað á staðnum.

Aðgengileg öryggisvara

Myndað CSS inniheldur traustan bakgrunnslitarfallback ásamt hallanum fyrir óstudda renderara og aðgengilegt stjórnunarviðmót.

Algengar spurningar

Er hallinn minn hlaðinn upp?

Nei. Hallaástand, litir, innflutt CSS og myndað CSS eru áfram í vafranum þínum.

Hvaða CSS hallagerðir eru studdar?

Myndarinn býr til linear-gradient(), radial-gradient() og conic-gradient() úttak með mörgum sextánda litarstoppum.

Hvað get ég flutt inn?

Innflutningur samþykkir vísvitandi takmarkaða málfræði með einni studdri hallafalli, sextánda litum, valfrjálsum prósentum og afmörkuðum horn- eða staðsetningargildum.

Tengd forritunar- og hönnunarverkfæri

ÞróunarverkfæriSkoða vafratól CSS-litabreytirUmbreyttu CSS litum SCSS-þýðandiSettu Sass/SCSS búta saman á netinu CSS smættariÞjappa CSS kóða staðbundið í vafranum þínum. Litaval úr myndTaktu liti úr myndum á staðnum.

CSS hallaforrit

Byggðu línulegar eða geislamyndaðar CSS hallalitir og skoðaðu litastopp, horn, stöðu og endurtekningu.

Inntak
Hallagerð, litastopp, staðsetningar, horn og endurtekningarstillingar.
Úttak
Forskoðun í beinni og afritanleg CSS bakgrunnsyfirlýsing.
Raunverulegar takmarkanir
Vafragjöf getur verið lítillega mismunandi eftir vél, og tólið metur ekki andstæðu eða tryggir stuðning í eldri vöfrum.
Persónuvernd og gagnameðferð
Gradient typi, litur hættir, stöðu, vinkon og endurtekna settingar eru meðhöndlað í þessari síföngusamning. Convertr 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 tól

  1. Gefðu hallagerð, litastopp, staðsetningar, horn og endurtekningarstillingar í tólstýringunum.
  2. Veldu stillingar sem hafa áhrif á lifandi forskoðun og afritanlega CSS-bakgrunnsyfirlýsingu, keyrðu síðan tólið.
  3. Sjáðu live fyrirmynd og kopíbar CSS bakgrundsríki áður en þú kopiar eða hlaupa það.

Algengar bilunarleiðir

Vantar litastopp, ógildur litur eða ósamrýmanleg staða kemur í veg fyrir að hægt sé að búa til gilda CSS yfirlýsingu.

Gagnlegt dæmi

Búðu til 90 gráðu línulegan halla frá #111827 við 0% til #f59e0b við 100% og afritaðu yfirlýsinguna.