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

CSS radialinio 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 radialiniu tipu: spalvos sklinda į išorę nuo elemento centro koncentriniais apskritimais, o kiekviena pakeista stotelė akimirksniu perdažo peržiūrą.

radial-gradient() yra prožektorių ir švytėjimo efektų, minkštų vinječių ir fonų, kuriems reikia židinio taško, o ne krypties, įrankis. Stotelės pozicijos procentais susietos su atstumu nuo centro – 0% yra vidurys, 100% tolimasis kraštas – taigi, suveržus pirmąsias atramas, susidaro maža šviesi šerdis, o juos išskleidus – platus plovimas.

Nukopijuokite fono eilutę, kai peržiūra atrodys tinkama. Šiame režime kampo slankiklis paslėptas, nes apskritimas neturi krypties – perjunkite atgal į linijinį arba kūginį ir jis vėl pasirodys.

🛡️
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.