Бленд Иоур Овн ЦСС Градиентс витх Тхис Фрее Веб Апп

Сваки веб дизајнер би требао знати ЦСС3 градиентс. Они постоје већ годинама и широко су подржани од стране свих главних претраживача.

А сада, бесплатне веб апликације као што су Мешавина дозволите да креирате ЦСС3 градијенте у лету визуелни уредници у прегледачу. Можете бирати између линеарни и радијални градијенти док се мијешају боје.

Почетна страница се учитава са две чврсте боје на обе стране. Можете користити палета боја за пребацивање између нијанси или уноса а ручна ХЕКС кода ако знате боју коју желите. Када имате две жељене боје, кликните на “Хајде да се уклопимо” дугме у центру.

Обе боје се уклапају у ЦСС3 градијент са опције за уређивање при врху странице. Можете бирати између линеарни градијенти & радијални градијенти, и ако користите линеарни стил можете повуците централну локацију на целој страници.

Плус, док сте ви у режиму мешања још увијек се можеш вратити промените боје на дну. То је као савршен ЦСС3 градијент генератора без кода који сваки дизајнер треба.

Када имате две боје које желите, можете да кликнете на икона кодног кода у горњем десном углу. Ово доводи до прозор са ЦСС кодом да можете копирати / залијепити у ваше стилске листове.

Бленд је бесплатан алат којег је креирао НИЦ дизајнер Цолин Кеани. То је такође хостован на његовом сајту, иако не видим никакву везу на ГитХуб или било који бесплатни изворни код. Али он је писао студија случаја детаљно описујући свој процес креирања Бленда са свим својим практичним карактеристикама.

Нажалост, тренутна верзија не подржава више од две боје. Али прелазим прстима на опције за више боја у будућности.

Пошто не можете да преузмете локалну копију, препоручујем да направите обележивач Бленд за будућу употребу. То је савршен начин тест градиентс без понављања уређивања стила.

А ако желите да поделите своје идеје или само кажете хвала за овај алат за градијент, можете да твеетујете Цолина @цолинкеани.