CSS gradientų 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.
Rezultatas
Linijinio gradiento (135 laipsnių, #2193b0 0%, #6dd5ed 100%) rašymas ranka ir puslapio įkėlimas iš naujo, kad pamatytumėte, yra lėta ciklas. Šis generatorius jį uždaro: pasirinkite linijinę, radialinę ar kūginę, vilkite kampo slankiklį, nustatykite kiekvieną spalvos stabdiklį naudodami natūralią spalvų parinkiklį ir procentinę padėtį – ir pervaizduojama viso pločio peržiūra ant kiekvienos įvesties, o baigta fono linija visada paruošta kopijuoti.
Trys gradiento tipai apima skirtingus darbus. Linijiniai gradientai išnyksta pagal kryptį ir turi daugumą herojų sekcijų ir mygtukų; radialiniai gradientai spinduliuoja nuo centro švytėjimui ir vinjetėms; kūginiai gradientai braukia aplink centrą, o galios skritulinės diagramos ir spalvų ratai. Galite bet kada pakeisti tipus – jūsų sustojimai perkeliami, todėl trijų palyginimas užtrunka sekundes.
Iki šešių spalvų sustojimų suteikiama erdvės kelių juostų dizainui, o iš anksto nustatyti puslapiai pateikia patikrintus derinius – šiltą saulėlydį, ramų vandenyną ir švelnias pastelines spalvas – kaip išeities taškus, kuriuos galite koreguoti, o ne tuščias drobes. Atkreipkite dėmesį į darbo pasidalijimą: spalvų paletės generatorius šioje svetainėje parenka harmoningas plokščias spalvas, o spalvų formato keitiklis paverčia reikšmę tarp HEX, RGB ir HSL, o šis įrankis atlieka kitokį darbą – pasirinktas spalvas paverčia paruoštu CSS gradiento kodu.
Viskas veikia lokaliai jūsų naršyklėje: jokio įkėlimo, paskyros, serverio kelionių pirmyn ir atgal, o generatorius ir toliau veikia neprisijungęs, kai tik įkeliamas.