CSS градієнт генератор
Створіть лінійні, радиальні та конічні CSS-градієнти у вашому браузері.
Колір зупиняється
Використовуйте зупинки або клавіатурні стрічки для редагування позицій. Кожна зупинка включає чіткий колір, неперевершення і відсоток.
Браузер-національна локальна обробка
Ваш градіант залишається в цьому браузері. жодних кольорів або генеруваних CSS не надсилаються на конвертер.
Ограничений імпорт граматики
Ввезення приймає лінійний градіант(), радиальний градиант() або конічний градіент(), з хексовими кольорами і відсотками.
Доступний падіння
Створений CSS включає в себе тверду фонові кольорові падіння разом з градієнтом для непомічених рендерів і доступного контрольного хрому.
Поширені запитання
Чи піднято мою градієнт?
Статус, кольори, імпортні CSS і генерувані CSS залишаються у вашому браузері.
Які CSS-типи градієнтів підтримуються?
Генератор створює лінійно-градіант(), радиаль-градиант() і конічно-градитиант() вихід з кількома хекс-кольоровими зупинками.
Що можна імпортувати?
Ввезення приймає навмисно обмежену граматику за допомогою підтримуваної функції градієнту, хексів, факультативних відсотків та обмежених значень кута або позиції.
CSS градієнт генератор
Будівництво лінійних або радиальних градієнтів CSS і перегляд кольорових зупинок, кута, позиції та повторення.
- Вхід
- тип градієнта, кольорові зупинки, позиції, кут і повторні налаштування.
- Вихід
- Профіль і копіювальна Декларація CSS.
- Реальні обмеження
- Рендеринг браузера може трохи відрізнятися за двигуном, і інструмент не оцінює контраст або гарантує підтримку в спадкоємних браузерів.
- конфіденційність та обробка даних
- тип градієнту, кольорові зупинки, позиції, кут і повторні налаштування обробляються в цій таблиці браузера. конвертер не отримує або зберігає його; закриття або перезавантаження сторінки очищає стан роботи, якщо інструмент виражено пропонує місцевий завантаження.
Як використовувати цей інструмент
- Надайте градієнтний тип, кольорові зупинки, позиції, кут і повторні налаштування в інструментах.
- Виберіть налаштування, які впливають на перегляд в прямому ефірі і копіювану заяву CSS фону, а потім запустити інструмент.
- Переглянути прямий перегляд і копіювану CSS фонові декларації перед копією або завантаженням.
Загальні способи невдачі
Відсутність кольорового зупинки, недійсного кольору або несумісної позиції перешкоджає встановленню діючої Декларації CSS.
Корисний приклад
Створіть 90 градусів лінійний градіант від #111827 до 0% до #f59e0b до 100% і копіюйте декларацію.