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

Vandenyno 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 vandenyno išblukimu: giliai žalsvai mėlyna #2193b0 teka į šviesų vandenį #6dd5ed. Viso pločio peržiūra atvaizduojama iš karto, o foninė CSS eilutė yra paruošta kopijuoti.

Melsvai žalsvai mėlyni gradientai yra saugiausias vartotojo sąsajos pasirinkimas: jie rodo ramybę ir pasitikėjimą, baltą ir tamsų tekstą išlaiko skaitomus abiejuose galuose ir vienodai tinka prietaisų skydams, SaaS nukreipimo puslapiams ir reklamjuostėms. Abi stotelės turi tą pačią šaltų atspalvių šeimą, todėl mišinys išlieka švarus per visą ilgį.

Pristatykite jį tokį, koks yra, arba sureguliuokite: padidinkite kampą, kad gautumėte vertikalaus gylio efektą, arba pridėkite beveik baltą stabdiklį ties 100%, kad horizontas švytėtų. Jei jums reikia derančių vientisų mygtukų ir akcentų spalvų, šioje svetainėje esantis spalvų paletės generatorius sukuria harmoniją iš bet kurios stotelės.

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