Про цей інструмент
Створюйте чудові лінійні та радіальні градієнти CSS за допомогою візуального редактора. Вибирайте кольори, налаштовуйте зупинки, змінюйте напрямок або кут і дивіться оновлення попереднього перегляду в реальному часі. Скопіюйте згенерований код CSS — включно з префіксами постачальників для старіших браузерів — і вставте його безпосередньо у свою таблицю стилів.
Поширені запитання
- Чи працюють градієнти CSS у всіх браузерах?
- Сучасні градієнти CSS (лінійний градієнт, радіальний градієнт) підтримуються в усіх поточних браузерах, включаючи Chrome, Firefox, Safari та Edge. Інструмент може додатково генерувати префікси -webkit- для старих версій браузера.
- Чи можна створювати багатоколірні градієнти?
- так Додайте стільки кольорових зупинок, скільки потрібно. Ви також можете налаштувати положення кожної зупинки, щоб контролювати змішування кольорів. Це дозволяє створювати складні веселкові градієнти, градієнти заходу сонця або спеціальні градієнти бренду.
- Яка різниця між лінійним і радіальним градієнтами?
- Лінійні градієнти передають кольори по прямій лінії (зверху вниз, зліва направо, по діагоналі або під будь-яким кутом). Радіальні градієнти передають кольори назовні від центральної точки в круглу або еліптичну форму.
- Чи можна використовувати градієнт як фон для тексту?
- так Використовуйте background-clip: text з -webkit-text-fill-color: transparent, щоб застосувати градієнт до тексту. Згенерований CSS надає визначення градієнта — поєднайте його з цими властивостями для градієнтного тексту.