Генератор на градиенти
Създайте линейни, радиални и конусовидни CSS градиенти от нулата с преместваем контрол на спирките и подбрани пресети. Копирайте готов CSS мигновено.
background: —;
Всичко се изчислява в реално време в браузъра ви — без регистрация, напълно безплатно.
За Генератор на градиенти
Генераторът на градиент изгражда персонализирани CSS градиенти от нулата. Изберете линеен, радиален или конусен тип, задайте ъгъла и оформете сместа с редактор с множество спирки: плъзгайте дръжки, за да местите спирки, кликнете лентата, за да добавите нови, и прекрасявайте всяка спирка с палитра за избор — живият преглед се обновява, докато работите.
Подбрани готови шаблони ви дават силна отправна точка, когато не искате да започнете от празен лист, а действия с едно кликване — произволно, обратно, завъртане на 45° — правят изследването бързо. Генерираният CSS винаги е видим и остава синхронизиран с прегледа, така че това, което копирате, е точно това, което сте видели.
Всичко се изчислява на живо във вашия браузър безплатно. Копирайте пълното CSS правило или само стойността за фона и я поставете в стилов файл, стил на бутон или секция за герои — прост генератор на CSS градиент за фонове, наслагвания и акценти на интерфейса.
Как да използвате Генератор на градиенти
- Изберете тип градиент: линеен, радиален или конусен.
- Започнете от готов шаблон или кликнете "Random" за незабавна отправна точка.
- Плъзгайте дръжките на спирките, за да позиционирате цветовете, кликнете лентата, за да добавите спирки, и редактирайте цвета на всяка спирка.
- Настройте ъгъла, или използвайте "Reverse" и "Rotate 45°", за да преориентирате сместа.
- Копирайте CSS правилото или стойността за фона и я поставете в проекта си.