⭐ 0
🔍
Tekstas Vaizdas PDF ir dokumentai Garsas Muzika Elektronika Laikas Komunalinės paslaugos Validatoriai Ezoterinis Žaidimai

CSS linijinio gradiento generatorius

Sukurkite CSS gradientus vizualiai: linijinį, radialinį arba kūginį, kampo slankiklį ir iki šešių spalvų sustojimų su tiesiogine viso pločio peržiūra ir kopijuojamu kodu.

90°
Apdorojama... 0%

Rezultatas

Šiame puslapyje atidaromas gradiento generatorius su jau pasirinktu linijiniu tipu. Vilkite kampo slankiklį, kad pasuktumėte išblukimą, sureguliuokite spalvų stabdžius ir viso pločio peržiūrą bei CSS eilutės atnaujinimą kiekvienoje įvestyje.

linear-gradient() dažo spalvas tiesia linija – dažniausiai naudojamas CSS gradientas. 90 laipsnių eina iš kairės į dešinę, 180 laipsnių iš viršaus į apačią, o bet koks kampas tarp jų yra įstrižainė; sustojimo pozicijos procentais nusprendžia, kur kiekviena spalvų juosta pradeda maišytis su kita.

Kai peržiūra atrodo tinkama, nukopijuokite fono eilutę į stiliaus lapą. Jei norite išeities taško, o ne tuščio lapo, saulėlydžio, vandenyno ir pastelės iš anksto nustatyti puslapiai atveria tą patį įrankį su jau įkeltomis patikrintomis spalvų poromis.

🛡️
Vykdoma naršyklėje

Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.

Priimami formatai ir taisyklės

  • Gradiento tipo pasirinkimas (linijinis, radialinis, kūginis) su kampo slankikliu linijiniams ir kūginiams režimams.
  • Spalvų sustojimo sąrašas: du sustojimai pradėti, pridėti arba pašalinti iki šešių, kiekvienas su savo spalvų rinkikliu ir padėtimi procentais.
  • Kopijuojama fono CSS linija ir paruošti iš anksto nustatyti puslapiai saulėlydžiui, vandenynui ir pasteliniams gradientams.

Pagrindiniai privalumai

✓ Viso pločio peržiūra perdažoma po kiekvieno pakeitimo – tipo, kampo ir kiekvienos spalvos sustojimo – todėl nukopijuotas CSS yra būtent toks, kokį matėte.
✓ Iki šešių spalvų stotelių su atskiromis pozicijomis apima viską nuo paprasto dviejų spalvų išblukimo iki sudėtingų kelių juostų fonų.
✓ Viena deklaracija, trys varikliai: perjunkite linijinį, radialinį ir kūginį neperstatydami stabdžių.

Naudojimo atvejai

  • • Sukurkite herojaus sekcijos foną vilkdami kampą ir spalvų stabdžius, o ne rankiniu būdu redaguodami linear-gradient() ir įkeldami iš naujo.
  • • Palyginkite tos pačios spalvos atramas kaip linijinius, radialinius ir kūginius gradientus vienu jungikliu – stabdžiai perkeliami į kitus tipus.
  • • Paimkite patikrintą derinį iš saulėlydžio, vandenyno ar pastelinių iš anksto nustatytų puslapių ir pritaikykite jį savo prekės ženklo spalvomis.