Инструменты веб-мастера

Генерация кода градиента CSS

Генерировать линейный градиент CSS на основе двух цветов, прозрачности и угла.

Генерация кода градиента CSS Руководство пользователя

  1. Заполните параметры или выберите файл в соответствии с формой и сначала проверьте устройство и формат.
  2. Создайте 135-градусный линейный градиентный фон от синего до фиолетового.
  3. Нажмите кнопку обработки, чтобы просмотреть результаты, вы можете скопировать или загрузить и сохранить.

Метод расчета и правила обработки

Линейный градиент генерируется после строгой проверки цвета и значения, а начальная и конечная цветовая гамма фиксируются на 0% и 100%.

Сфера использования

Вывод текста CSS, который можно скопировать, страница не изменяется автоматически; Фактический эффект также зависит от размера элемента.

Изменяет ли угол градиента цвет или направление?

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

Будет ли сохраненный контент сохраняться на сервере?

Этот инструмент обрабатывает ввод в браузере и не загружает файлы или содержимое формы. Параметры практики ввода сохраняются только в собственном браузере.

Почему результат может отличаться от других инструментов?

Вывод текста CSS, который можно скопировать, страница не изменяется автоматически; Фактический эффект также зависит от размера элемента. Сначала сравните входной блок, метод округления, применимые правила и версию данных.