Энг яхши бепул Градиентлар
Жисмоний кўриниш билан чизиқ ва радиал CSS градиентларини яратиш - фон кодини кўчириш.
100% бепул
Қўшилиш йўқ
Сув белгиси йўқ
✨
Go Pro энг яхши AI моделлари учун - сурат, видео ва суҳбатлар - янада катта юклашлар, навбатдаги устуворлик ва кутишсиз.
Pro'га янгилаш
Муносабатлар Best.Free? Уни бўлиш
У қандай ишлайди
- Турини танланг. Сўзма-сўз ёки радиал танланг ва сўзма-сўз градиент учун бурчакни белгиланг.
- Ранглар ва тўхтамларни танлаш. Икки ёки ундан ортиқ ранг ва уларнинг жойлашувини белгиланг; Олдинги параметрларда учинчи тўхташни қўшинг.
- CSS нусхасини олиш. CSS ни кўчириб олиш тугмасини босинг ва фон градиентини ўз услуб варақасига жойланг.
Ушбу асбоб ҳақида
CSS градиентини кўз билан яратинг. Сўзма-сўз қийматларни ўзгартириш ўрнига. Сўзма-сўз градиент учун бурчакни тортиб, чизиқли ва радиал орасида алмаштиринг, рангларни танланг ва тўлиқ кенгликдаги кўриниш панели янгиланганда камида иккита тўхташни танланг. Стиль варақасига олинган фон хусусиятини тўғридан-тўғри кўчиринг. Олий параметрлар бойроқ аралашмалар учун учинчи ранг тўхтамини қўшиб беради ва радиал градиентлар учун сизга доира ёки эллипс шаклини танлаш имконини беради. Барчаси браузерингизда ишлайди.
Одамлар нима учун фойдаланадилар?
- Қаҳрамон ёки бўлим фони градиентини чизинг
- Бутон ёки карта gradient тўлдиришни яратиш
- Икки ёки уч бренд рангини бир текис аралаштириш
- Радиал ёруғлик ёки винжет эффектини яратиш
Доимий сўраладиган саволлар
Сиртқи градиент сиз танлаган бурчакда тўғри чизиқ бўйлаб аралашади; радиал градиент эса марказдан ташқарига, яъни доира ёки эллипс шаклида аралашади.
Сўзалоқ градиент учун бурчак аралашма йўналишини белгилайди - 0° пастдан юқорига, 90° чапдан ўнгга ва ҳоказо.
Ҳар бир тўхтам - бу градиент бўйлаб фоизга жойлаштирилган ранг. Тохтамни кўчириш рангнинг жойлашган жойини ва аралашманинг аниқлигини ўзгартиради.
Ҳа. Кўп рангли аралашма учун биринчи ва охирги орасидаги учта ранг тўхтамини қўшиш учун юқоридаги параметрларни очинг.
Йўқ. Ранги ва тўхташи браузерингизда локал CSS string'га айлантирилади.
Барчаси бепул, ҳисоб ва чегаралар йўқ - бу ҳисоблаш учун ҳеч нарса йўқ клиент-саҳифа воситаси.
Ҳа. У браузерингизда ишлайди, шунинг учун CSS Градиент Генератори телефонлар ва планшетларда ҳам ишлайди, шунингдек, иш столида ҳам - ўрнатиш учун дастур йўқ.
Одатда, оддий файл учун бир неча сония - CSS Градиент Генератори сиз унга киритганингизда ишлай бошлайди.
Кўпчилик учун тезлигини сақлаб турадиган, кенг кўламли адолатли фойдаланиш қопқоғи остида, оддий фойдаланиш чекланмаган.
Барча замонавий браузерлар - Chrome, Safari, Firefox ва Edge. CSS Gradient Generator сиз фойдаланаётган браузердан ташқари ҳеч нарса ўрнатишга эҳтиёж сезмайди.