EN

Безкоштовні інструменти, Зображення та дизайн

Генератор CSS-градієнтів

Створіть градієнт із будь-якою кількістю кольорів і скопіюйте CSS.

Точки кольору

    Готові варіанти

    Матеріали

    Питання

    Яка різниця між лінійним, радіальним і конічним градієнтом?

    Лінійний змішує кольори вздовж прямої лінії під заданим кутом. Радіальний поширює кольори від центральної точки, як прожектор. Конічний огортає кольори навколо центру, як діаграма або колесо кольорів.

    Чи працюють CSS-градієнти в усіх браузерах?

    Лінійні й радіальні градієнти працюють у кожному сучасному браузері без префіксів. Конічні градієнти працюють у всіх поточних версіях Chrome, Edge, Firefox і Safari.

    Чому мій градієнт виглядає смугастим?

    Великі ділянки з двома близькими кольорами можуть показувати видимі сходинки на деяких екранах. Додайте середню точку кольору або накладіть дуже легке зображення шуму зверху.

    Ще інструменти: зображення та дизайн

    Усі 55 безкоштовних інструментів