Генератор на CSS радиален градиент
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря генератора на градиенти с вече избран радиален тип: цветовете се излъчват навън от центъра на елемента в концентрични кръгове и всяка спирка, която промените, незабавно прерисува визуализацията.
radial-gradient() е инструментът за ефекти на прожектори и светене, меки винетки и фонове, които се нуждаят от фокусна точка, а не от посока. Позициите на спиране в проценти се съпоставят с разстоянието от центъра — 0% е средата, 100% далечният ръб — така че затягането на първите ограничители прави малка ярка сърцевина, разпръскването им прави широко измиване.
Копирайте линията на фона, след като визуализацията изглежда правилно. Плъзгачът за ъгъл е скрит в този режим, защото кръгът няма посока - превключете обратно на линеен или коничен и той се появява отново.