Sumaišykite savo CSS gradientus su šia nemokama žiniatinklio programa

Kiekvienas žiniatinklio dizaineris turėtų žinoti CSS3 gradientai. Jie jau daugelį metų yra plačiai palaikomi visose pagrindinėse naršyklėse.

Ir dabar, nemokamos žiniatinklio programos, pvz Mišinys leiskite sukurti CSS3 nuolydžius skristi su naršyklės vaizdo redaktoriai. Galite pasirinkti linijiniai ir radialiniai gradientai kartu su spalvomis, kad derėtų.

Pradinis puslapis įkeliamas su dvi tvirtos spalvos iš abiejų pusių. Galite naudoti spalvų paletė įjungti atspalvius arba įvesti a rankinis HEX kodas jei žinote norimą spalvą. Kai turėsite dvi norimas spalvas, spustelėkite “Susimaišysime” mygtukas centre.

Abi spalvos susilieja į CSS3 gradientą su redaguojamos parinktys šalia puslapio viršuje. Galite pasirinkti linijiniai gradientai & radialiniai gradientai, ir jei naudojate linijinį stilių vilkite centrinę vietą visame puslapyje.

Be to, kol esate mišinio režimu vis tiek galite grįžti į pakeisti spalvas apačioje. Tai tarsi puikus CSS3 gradiento generatorius, kuriam reikia bet kokio dizainerio.

Kai turėsite dvi norimas spalvas, galite spustelėti kodo laikiklio piktograma viršutiniame dešiniajame kampe. Tai atveria langas su CSS kodu kad galite nukopijuoti / įklijuoti savo stilių lapuose.

Blend yra nemokama priemonė, kurią sukūrė NYC dizaineris Colin Keany. Tai taip pat jo svetainėje, nors nematau nuorodos į „GitHub“ ar bet kokį nemokamą šaltinio kodą. Bet jis parašė atvejo tyrimas išsamiai apibūdindamas savo procesą, sukurdamas Blend su visomis savo patogiomis funkcijomis.

Deja, dabartinė versija nepalaiko daugiau nei dviejų spalvų. Bet ateityje aš perkeliu savo pirštus daugiaspalvėms galimybėms.

Kadangi negalite atsisiųsti vietinės kopijos, rekomenduoju žymėjimą „Blend“ būsimam naudojimui. Tai puikus būdas bandymų gradientai pakartotinai redaguodami savo stiliaus lapą.

Ir, jei norite pasidalinti savo idėjomis ar tiesiog pasakyti, kad dėkojate už šį gradiento įrankį, galite prisegti Colin @colinkeany.