CSS generátor

Vytvořte lineární, radiální a konické CSS gradienty ve vašem prohlížeči.

Barva zastaví

Použijte stopové rukavice nebo klávesové šípy k úpravě pozic. Každá stopová zahrnuje explicitní barvu, opacitu a procento.

Připraveno

Native Local Processing - lokální zpracování

Váš gradient zůstává v tomto prohlížeči. žádné barvy nebo generované CSS nejsou zaslány do Convertr.

Omezený dovoz gramotnosti

Import přijímá lineární gradient(), radiální gradiant(), nebo konický gradients(), s hex barvami a procentami.

Přístupný Fallback

Generovaný CSS obsahuje pevný pozadí-barvový padák vedle gradientu pro nepodporované rendery a přístupný ovládací chrom.

Často kladené otázky

Je můj gradient nahrazen?

Není. stav, barvy, importované CSS a generované CSS zůstanou ve vašem prohlížeči.

Které typy CSS gradientů jsou podporovány?

Generátor vytváří lineární gradient(), radiální gradiant(), a konický gradients(), s několika hex barvami.

Co můžu importovat?

Import přijímá úmyslně omezenou grammaru pomocí podporované gradientní funkce, hex barev, volitelných procent a limitovaných hodnot úhlu nebo polohy.

Související vývojář a design nástroje

Nástroje pro vývojářeProcházet nástroje prohlížeče Převodník barev CSSPřevod CSS barev SCSS kompilátorSSS/SCSS snippets online CSS MinifikátorKomprimujte kód CSS lokálně ve vašem prohlížeči. Fotografie Color PickerBarvy vybírejte z obrázků lokálně.

CSS generátor

Vytvořte lineární nebo radiální CSS gradienty a předvídejte barvy, úhel, polohu a opakování.

Vstup
Typ gradientu, barvy, pozice, úhel a opakování nastavení.
Výstup
Přehrávač a kopírovatelná CSS základy.
Reálné omezení
Browser rendering se může mírně lišit podle motoru, a nástroj nehodnotí kontrast nebo zaručuje podporu v dědičných prohlížečů.
Soukromí a zpracování údajů
typ gradientu, barvy zastavení, pozice, úhel a opakování nastavení jsou zpracovány v této tabulce prohlížeče. konvertor nepřijímá nebo ukládá; zavření nebo přehrávat stránku vyčistí stav práce, pokud nástroj výslovně nabízí místní stahování.

Jak tento nástroj používat

  1. Poskytněte typ gradientu, barvy, pozice, úhel a opakování nastavení v nástrojových kontrolách.
  2. Vyberte nastavení, které ovlivňují živý přehled a kopírovatelnou CSS základy prohlášení, pak spustit nástroj.
  3. Zkontrolujte živý předpověď a kopírovatelnou CSS základy prohlášení před kopírovaním nebo stažením.

Společné způsoby selhání

Chybí barva, neplatná barva nebo neslučitelná poloha brání vytvoření platné prohlášení CSS.

Užitečný příklad

Vytvořte 90 stupňů lineární gradient od #111827 na 0 % do #f59e0b na 100% a kopírujte prohlášení.