Найкраще безкоштовно Генератор градієнта CSS
Збирання лінійних і радіальних градієнтів CSS з живим переглядом - копіюйте фоновий код.
100% вільно
Без підписки
Без водяного знаку
✨
Перейти Pro для кращих моделей комп' ютерного гравця - зображення, відео - і балачки - плюс більші вивантаження, пріоритет у черзі і не очікування.
Оновлення до Pro
Любов Best.Free? Діліться ним
Як це працює
- Виберіть тип. Виберіть лінійний або радіальний кут і встановіть кут для лінійного градієнта.
- Виберіть кольори і зупиніть. Вкажіть два або більше кольорів і їх розташування; додайте третю зупинку у параметрах Додатково.
- Копіювати CSS. Натисніть кнопку Копіювати CSS і вставте фоновий градієнт до вашої таблиці стилів.
Про цей інструмент
Створити градієнт CSS за допомогою точки зору, а не редагувати значення сліпими. Перемикання між лінійними і радіальними значеннями, перетягування кута для лінійного градієнта і вибір кольорів і розташування для щонайменше двох зупинок під час відтворення смужки попереднього перегляду з повної ширини. Копія отриманої властивості тла безпосередньо до вашої таблиці стилів. За допомогою додаткових параметрів ви можете додати третю точку кольорів для багатших змішувань і надати вам змогу вибрати коло або еліпс форми для радіальних градієнтів. Всі ці параметри буде запущено у вашому переглядачі.
Для чого люди використовують його?
- Розробка градієнта тла героя або розділів
- Створити заповнення кнопки або градієнта картки
- Змішати два або три бренди гладко
- Створити ефект радіальної освітлювальної або в' язкої
Часті запитання
Лінійний градієнт зливається вздовж прямої лінії під обраним кутом; радіальний градієнт зливається з центром, як коло або еліпс.
Для лінійного градієнта кут встановлює напрямок змішування - 0° йде вниз-вгорі, 90° зліва направо і так далі.
Кожна зупинка - це колір, що розміщується у відсотках вздовж градієнта. Пересування точки зупинки змінює місце розташування цього кольору і різкість змішування.
Так. Відкрийте додаткові параметри, щоб додати третю кольорову точку, вставлено між першим і останнім для багатоколірної змішування.
Ні. Кольори і зупинки перетворюються на рядок CSS локально у вашому переглядачі.
Повночасно, без рахунку і без обмежень ведь клієнт-сасіда інструмент без нічого до метра.
Так. Він працює у вашому браузері, отже, Градієнт CSS працює з телефонами і таблицями, а також зі стільницею ⇩ немає програми для встановлення.
Зазвичай, лише декілька секунд для типового файла - Градієнт CSS починає працювати одразу, коли ви надаєте йому вхідні дані.
Взаємне використання необмежене, у щедрому справедливому капелюсі, який тримає його швидким для всіх.
Всі сучасні навігатори - Хром, Safari, Firefox і Edge. Генератор CSS не потребує нічого, окрім вже встановленого переглядача.