Лепшы бясплатны Генератар градыентаў CSS
Стварэнне лінейных і радыяльных градыентаў CSS з праглядам у рэжыме рэальнага часу - скапіруйце фонавы код.
100% бясплатна
Без падпіскі
Без вадзянога знака
✨
Go Pro для лепшых мадэляў AI - малюнкаў, відэа і чата - плюс большыя загрузкі, прыярытэт у чарзе і без чакання.
Абнавіць да Pro
Любоў Best.Free? Падзяліцца
Як гэта працуе
- Вылучыце тып. Вылучыце лінейны або радыяльны градыент і вызначце кут для лінейнага градыента.
- Выбар колераў і спынаў. Вызначце два або больш колераў і іх пазіцыі; дадайце трэці пункт у адмысловых наладах.
- Скапіраваць CSS. Націсніце Скапіраваць CSS і ўстаўце фонавы градыент у табліцу стыляў.
Пра гэтую прыладу
Стварыце градыент CSS назіраючы за ім, а не рэдагуючы значэнні ў слязах. Пераключайцеся паміж лінейным і радыяльным градыентам, перацягвайце кут для лінейнага градыента, выбірайце колеры і пазіцыі на не менш за два крокі, пакуль панель прагляду на поўную шырыню абнаўляецца ў рэжыме рэальнага часу. Скапіруйце атрыманую ўласцівасць фону прама ў табліцу стыляў. Дадатковыя параметры дадаюць трэці кропку колеру для больш багатых спалучэнняў і дазваляюць вам выбраць круг або эліпсавую форму для радыяльных градыентаў. Усе гэта працуе ў вашым браўзэры.
Што людзі робяць з ім
- Градыент фону героя або секцыі
- Стварыць градыентнае запаўненне
- Плаўнае змешванне двух ці трох колераў
- Стварыць радыяльнае святло ці эфект вінэткі
Частыя пытанні
Лінейны градыент змешваецца па прамой лініі пад выбраным вамі вуглом; радыяльны градыент змешваецца з цэнтральнай кропкі ў выглядзе круга або эліпса.
Для лінейнага градыента кут вызначае кірунак змешвання - 0° ідзе з нізу ўверх, 90° злева направа і г.д.
Кожны пункт - гэта колер, размешчаны ў працэнтах па гарызанталі градыента. Перамяшчэнне пункта змяняе месцазнаходжанне гэтага колеру і рэзкасць змешвання.
Так. Адкрыйце адмысловыя налады, каб дадаць трэці колер, усталяваны паміж першым і апошнім для шматколернага змешвання.
Не. Колер і кропка пераўтворацца ў радок CSS у вашым браўзэры.
Усе рэчы, якія не маюць ніводнага рэчыва, не маюць ніводнага рэчыва, і таму не маюць ніводнага рэчыва.
Так. Ён працуе ў вашым браўзэры, таму CSS Gradient Generator працуе на тэлефонах і планшэтах, як і на працоўным стале - не трэба ўсталёўваць праграму.
Звычайна гэта займае некалькі секунд для звычайнага файла - Генератар градыентаў CSS пачынае працаваць з моманту, калі вы ўводзіце яго.
Усе яны маюць вялікую вагу, таму што ў іх ёсць вялікі запас энергіі, які можа быць выкарыстаны для любога віду дзейнасці.
Усе сучасныя браўзэры - Chrome, Safari, Firefox і Edge. Генератар градыентаў CSS не патрабуе ўстаноўкі нічога, акрамя браўзэра, які вы ўжо выкарыстоўваеце.