· Темы на GitHub · GitHub
Вот 25 публичных репозиториев соответствует этой теме…
савиомартин / градиенткинг
Звезда 340гаретмаккинли / градиенты
Звезда 223попутный ветеркомпоненты / генератор градиента
Звезда 59аденекан41 / пигмент
Звезда 43csandman / генератор теней
Звезда 32АнишDe12020 / девкит
Спонсор Звезда 29 Кристикрету
/
мешград
Звезда
16пархам-аб / React-магия-CSS
Звезда 8виктореронмоселе / флаттер_градиент_генератор
Звезда 8ХЁГ / генератор градиента цвета
Звезда 6Беарз / вдохновленный
Звезда 4ЭдисонПеМ / градиент-генератор-пользовательский интерфейс
Звезда 4муки01 / Gradient_Generator
Звезда 3ГаурангШукла / gredient-генератор
Звезда 2ra1nbow1 / градиент_генератор
Звезда 1Джатин-7 / генератор градиента
Звезда 1панкай-махор / Цвет-флиппер
Звезда 1Микулев / js-генератор случайных градиентов
Звезда 1эймаам / градиентгенератор
Звезда 1алиса-себего / генератор градиента
Улучшить эту страницу
Добавьте описание, изображение и ссылки на
генератор градиента
страницу темы, чтобы разработчикам было легче узнать о ней.
Курировать эту тему
Добавьте эту тему в свой репозиторий
Чтобы связать ваш репозиторий с генератор градиента тему, перейдите на целевую страницу репозитория и выберите «управление темами».
Учить больше
10 лучших бесплатных онлайн-сайтов с генератором градиента CSS
Рейтинги редактора:
Рейтинги пользователей:
[Всего: 0 В среднем: 0]
В этой статье я познакомлю вас с некоторыми бесплатными веб-сайтами онлайн CSS Gradient Generator . Эти инструменты позволяют создавать различные типы градиентов. С помощью этих инструментов вы можете создавать градиенты разных цветов, ориентации и размера. Некоторые из этих инструментов также предоставляют параметры для настройки цветовых остановок по вашему выбору.
Вы можете создать градиент CSS либо в шестнадцатеричном коде, либо в цветовом коде RGB. Как только ваш градиент сгенерирован, вы можете получить код CSS для него и использовать его. Некоторые из этих генераторов градиентов CSS также позволяют загружать сгенерированный градиент в виде изображения.
Вот сайты бесплатных онлайн-генераторов CSS:
Ultimate CSS Gradient Generator
Ultimate CSS Gradient Generator позволяет создавать собственные градиенты CSS и предоставляет настраиваемые пресеты градиентов CSS. Вы можете установить ориентацию градиентов как горизонтальную, вертикальную, диагональную или радиальную. Размер градиента также можно установить вручную, введя вручную ширину и высоту. Чтобы изменить цвет градиента, вы можете дважды нажать на точку цвета. Сдвиньте цветовую остановку, чтобы изменить ее положение. Соответствующий код сгенерированного градиента изменяется по мере внесения изменений в градиент. Вы можете выбрать цветовой формат кода как RGB или Hex.
CSSmatic Gradient Generator
CSSmatic Gradient Generator почти такой же, как Ultimate CSS Gradient Generator . Вы можете выбрать предустановку градиента и начать ее настройку, чтобы получить пользовательский результат. Используйте ограничители цвета в генераторе градиента или выберите цвет и измените положение цвета. Рядом с панелью предварительного просмотра градиента есть кнопки для изменения ориентации градиента. Цветовой формат может быть установлен как RGBA, Hex, HSL или HSLA. Вы даже можете установить прозрачность градиента от 1 до 100%. К сожалению, в этом генераторе градиентов CSS нет возможности установить размер градиента. Когда закончите, скопируйте код CSS, указанный на том же экране. Вы также можете переключиться в режим SASS для создания и копирования градиента SASS.
AngryTools: онлайн-генератор градиента CSS
AngryTools: онлайн-генератор градиента CSS — еще один хороший и многофункциональный онлайн-инструмент для создания градиента CSS.
Здесь вы найдете хорошую коллекцию пресетов линейных, диагональных и радиальных градиентов. Вы можете использовать эти предустановки для создания пользовательского градиента CSS по вашему выбору. Выберите предустановку градиента и выберите цвета по вашему выбору, используя цветовые точки. Вы можете добавить и даже изменить позицию остановки цвета. Предварительный просмотр градиента отображается в верхней части инструмента. Отсюда вы можете изменить ориентацию градиента. Предусмотрен циферблат, который позволяет точно настроить ориентацию градиента. Предварительный просмотр в реальном времени будет отображаться при изменении угла ориентации.
После создания градиента вы можете скопировать код градиента CSS в формате RGBA или Hex. Также можно скопировать дополнительные коды для Android, Canvas, SVG и PHP.
Портал CSS: генератор градиента CSS
Портал CSS: генератор градиента CSS — это упрощенный генератор градиента CSS. Это может пригодиться тем, кто не имеет большого представления о градиентах.
Здесь ползунок градиента недоступен для добавления или настройки цветов градиента. Первая опция в верхней левой части позволяет выбрать линейный или радиальный стиль градиента. Затем вы можете установить ориентацию градиента. Остановки градиента доступны не как ползунок, а как опции. Здесь вы добавляете больше цветовых остановок и можете установить местоположение и цвет остановок. Также доступны предустановки градиента, которые вы можете использовать и создавать больше пользовательских градиентов. Предварительный просмотр градиента отображается в верхней левой части этого инструмента. И код CSS для того же самого доступен прямо под предварительным просмотром. Вы можете скопировать код градиента CSS в Шестнадцатеричный, RGB или RGBA .
Градиент CSS
Градиент CSS – это простой инструмент для создания градиента CSS только с двумя цветами. Это может быть лучшим вариантом для тех, кому просто нужен градиент с двумя цветами. Установите стиль градиента как Линейный или Радиальный.
Для выбранного типа градиента можно задать направление градиента. Теперь выберите цвета градиента. Предварительный просмотр в реальном времени отображается по мере выбора цветов. Выберите формат цвета Hex или RGB, затем скопируйте шестнадцатеричный код градиента.
Virtuosoft: Генератор градиента CSS
Virtuosoft: Генератор градиента CSS имеет набор предустановок градиента, которые можно использовать для создания пользовательского кода градиента CSS. Вы также можете импортировать градиенты CSS для редактирования здесь. После загрузки предустановленного градиента вы можете изменить свойства градиента. У вас есть возможность установить градиент как повторяющийся или неповторяющийся. Градиент может быть линейным или радиальным. В соответствии с типом градиента вы можете установить направление градиента. Цветовые упоры доступны с правой стороны 9Панель 0086 Свойства градиента . Вы можете добавить точки остановки, изменить цвет точек остановки, установить их положение и даже изменить их порядок.
Панель предварительного просмотра отображает изменения, сделанные в режиме реального времени.
Если вам кажется, что со всем этим сложно справиться, вы можете переключиться в Простой режим. Или, если вы эксперт, переключитесь в режим эксперта. В простом режиме меньше параметров, а в экспертном режиме есть расширенные параметры для создания градиента CSS.
Если вас устраивает градиент, щелкните параметр «Получить CSS», чтобы получить его код CSS.
Фабрика CSS3: Генератор градиентов
Фабрика CSS3: Генератор градиентов — еще один инструмент без ползунков остановки цвета. Все, что вам нужно сделать, это выбрать цвет градиента и установить направление градиента. Здесь вы можете создавать только линейные градиенты. Чтобы изменить положение цвета, есть только один ползунок под окном предварительного просмотра градиента. Сдвиньте его, чтобы изменить положение цвета. Цветовой формат может быть установлен как Hex или RGB. Скопируйте код CSS с веб-сайта, чтобы использовать его.
uiГрадиенты
uiGradients имеет различные наборы градиентов CSS, которые вы можете использовать бесплатно. Как и другие инструменты, упомянутые здесь, он имеет множество предустановок градиента. Вы можете настроить доступные пресеты, вращая их в разных направлениях. Вот и все. Изюминкой этого веб-сайта является коллекция настраиваемых пресетов градиента.
Чтобы получить CSS-код градиента, нажмите кнопку «Получить CSS», которая находится прямо под опцией «Поделиться на Facebook». Вы также можете скачать градиент в виде изображения JPG.
CSS3gen: Генератор градиента
CSS3gen: Генератор градиента позволяет создавать градиенты CSS с двумя цветами. Настраиваемые параметры присутствуют на панели. Здесь вы можете установить направление градиента, задать начальный и конечный цвета. Это генератор градиента RGB CSS, и даже цвета выбираются с помощью ползунков RGB. Предварительный просмотр градиента отображается над панелью настройки.