pin_dropТекущее местоположение:Онлайн-инструменты ❯ Конструктор градиентов CSS

Конструктор градиентов CSS

background: linear-gradient(to right, #ff0000, #0000ff);

Введение в инструменты:

  • Профессиональный онлайн инструмент CSS градиентов, предварительный просмотр эффектов линейных градиентов в режиме реального времени, один клик для создания кода, совместимого с браузерами, поддержка многоуголной ориентации и мгновенного контраста цветов, удовлетворяет потребности веб-дизайна

Использование:

  1. Выбор начального и конечного цвета
  2. Корректировка направления градиента
  3. Предварительный просмотр эффектов градиентов в режиме реального времени
  4. Нажмите кнопку Копировать для получения CSS кода

Предупреждение:

  1. Рекомендуется использовать высококонтрастную цветовую комбинацию для обеспечения читаемости
  2. Параметры 45deg / 135deg Необходимо обратить внимание на совместимость браузеров
  3. Коды градиентов поддерживаются всеми современными браузерами