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

Pastelinis 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 paruoštu pasteliniu išblukimu: rožinė pudra #ffdde1 susilieja su dulkėta rože #ee9ca7. Peržiūros skydelyje iš karto rodomas minkštas rezultatas, o žemiau yra paruošta CSS eilutė.

Pasteliniai gradientai veikia ten, kur prisotintieji šauktų: ekranai, kortelės, tuščios būsenos ir grožio ar gyvenimo būdo prekės ženklas. Kadangi abi stotelės yra šviesios, tamsus tekstas lieka įskaitomas visame paviršiuje – ko ryškiausi gradientai negali pasiūlyti be perdangos.

Nukopijuokite liniją tokią, kokia ji yra, arba dar labiau sušvelninkite ją stumdydami greta neskaidrumo esančias gudrybes: perkelkite rožės atramą iki 80 % ir leiskite dominuoti rausvai arba apverskite į radialinį tipą, kad centras būtų švelnus. Įrankis atnaujina kopijuojamą CSS kiekvienoje įvestyje.

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