Ең жақсы еркін CSS градиент генераторы
Тікелей алдын- ала қарау арқылы сызықтық және радиалды CSS градиенттерін құру - аясындағы кодты көшіріп алу.
100% тегін
Жазылу жоқ
Сулы белгісіз
Файлдар жадыда өңделеді, сақталмайды
✨
Go Pro - ең жақсы AI моделі - сурет, видео және чат - сонымен қатар үлкен жүктеу, кезекте басымдық және күтусіз.
Pro- ға жаңарту
Махаббат best.free? Қосыңыз
Не істеп тұр
- Түрін таңдау. Сызықты не радиалды таңдап, сызықтық градиенттің бұрышын орнатыңыз.
- Түстерді және тоқтатуларды таңдау. Екі не одан да көп түстерді және олардың орналасуын орнатыңыз; Қосымша параметрлер бөлімінде үшінші тоқтамасын қосыңыз.
- CSS- ті көшірмелеу. CSS көшірмелеу дегенді басып, стиль кестесі аясындағы градиентті көшіріп алыңыз.
Бұл құрал туралы
CSS градиентін көріп- көрмей түзетудің орнына көзбен құрыңыз. Сызықты және радиалды градиенттер арасында ауысыңыз, сызықтық градиент үшін бұрышын сүйреп, түстер мен орындарды кемінде екі рет таңдаңыз, ені толық нобайлау жолағы жаңартылып тұрсын. Ая қасиетін стиль кестесі арқылы тікелей көшірмелеу. Қосымша параметрлері үшінші түстің тоқтауын қосады, одан да бай араласу үшін, радиалды градиенттер үшін дөңгелек немесе эллипс пішімді таңдауға мүмкіндік береді. Барлығы браузеріңізде орындалады.
Қайсысы қолданылады
- Қаһарман не бөлімнің аясын градиентпен салу
- Батырманы не картаның градиент толтыруын құру
- Екі не үш брендтің түстерін тегіс араластыру
- Радиалды жарық немесе винтаж эффектін жасау
Жиі қойылатын сұрақтар
Сызықты градиент таңдаған бұрыш бойынша түзу сызық бойымен араласады, радиалды градиент орталық нүктеден айнала немесе эллипс түрінде сыртқа қарай араласады.
Сызықты градиент үшін бұрыш араластырудың бағытын анықтайды - 0° төменнен жоғарға, 90° солдан оңға және т. б.
Әрбір тоқтату - бұл градиент бойымен пайыздық етіп орналастырылған түс. тоқтатуды жылжыту түстің орналасуын және араласу дәрежесін өзгертеді.
Иә. Көп түсті араластыру үшін бірінші мен соңғының арасында үшінші түстің тоқтамасын қосу үшін қосымша параметрлерді ашыңыз.
Жоқ. Түстер мен тоқтатулар браузеріңізде жергілікті CSS жолына айналады.
Тіпті, ақысыз, тіркелгі жоқ, шектеулер жоқ - клиенттік құралдардың өлшеу үшін ештеңе жоқ.
Иә. Ол браузеріңізде орындалады, сондықтан CSS Градиент генераторы телефондар мен планшеттерде де, үстел үстінде де жұмыс істейді - орнату керек қолданба жоқ.
Әдетте, типтік файл үшін бірнеше секунд қана қажет - CSS градиент генераторы енгізілген мәліметтерді қабылдағаннан кейін жұмысын бастайды.
Қайталама пайдалану шектеулі, бірақ оны әркімге жылдам ұстайтын әділ пайдалану шегі бар.
Барлық заманауи шолғыштар - Chrome, Safari, Firefox және Edge. CSS Градиент генераторы сіздің қолданыстағы шолғыштан басқа ештеңе орнатпауы керек.