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

Saulėlydžio CSS gradientas – paruoštas kodas

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 įkeltu paruoštu saulėlydžio išblukimu: šiltas koralas #ff7e5f teka į minkštą persiką #feb47b, iš kairės į dešinę. Peržiūra iškart rodoma visu pločiu, o žemiau esanti CSS eilutė yra paruošta kopijuoti tokią, kokia yra.

Šiltos nuo koralų iki persikų spalvos išblukimo yra vienas iš pagrindinių herojų, nes jie skaitomi kaip draugiški ir energingi, be pernelyg didelio balto teksto. Ši pora yra pakankamai arti atspalvių, kad vidurio taškas liktų švarus – viduryje nėra purvinos pilkos juostos, įprastas gradientų tarp tolimų spalvų gedimo režimas.

Naudokite jį nepakeistą arba sukurkite jį savo: pasukite kampą, kad saulėlydis būtų įstrižai, pirmą stotelę patraukite į vidų, kad būtų stipresnis koralas, arba pridėkite trečią stotelę su beveik 100 % gilia slyva, kad jaustumėtės prieblandoje. Kiekvienas pakeitimas akimirksniu atnaujina kopijuojamą CSS.

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