Генератор на CSS градиенти
Създавайте линейни, радиални и конични CSS градиенти с множество цветови спирки и копирайте кода.
background: —;
Всичко работи във вашия браузър — без качване, без регистрация.
За Генератор на CSS градиенти
Генераторът на CSS градиенти изгражда линейни, радиални и конични градиенти с пълен визуален контрол. Добавяйте цветни спирки с кликване върху лентата на градиента, плъзгайте ги, за да ги преместите, и давайте на всяка спирка собствен цвят, прозрачност и позиция. Линейните градиенти получават контрол за ъгъл; радиалните — форма (кръг или елипса) и позиция; коничните — начален ъгъл.
Прегледът на живо показва точно това, което браузърът ще изобрази, а бутон за разбъркване плюс набор от подбрани готови настройки са налични, когато имате нужда от отправна точка, а не от празно платно. Спирки могат да се добавят и премахват свободно — на градиент са необходими поне две.
Когато изглежда правилно, копирайте чистата стойност на градиента или пълно CSS правило. Генераторът работи изцяло във вашия браузър без качване и без регистрация, което го прави бърз спътник за бутони, фонове на герой секции, граници и текстови ефекти.
Как да използвате Генератор на CSS градиенти
- Изберете типа градиент: линеен, радиален или коничен.
- Задайте ъгъла (линеен), формата и позицията (радиален) или началния ъгъл (коничен).
- Кликнете лентата на градиента, за да добавите цветни спирки, и ги плъзнете в позиция.
- Дайте на всяка спирка нейния цвят, прозрачност и точна позиция.
- Опитайте готовите настройки или бутона за разбъркване за бързо вдъхновение.
- Копирайте стойността на градиента или пълното CSS правило.