CSS генератор на линеен градиент
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря градиентния генератор с вече избран линеен тип. Плъзнете плъзгача за ъгъл, за да завъртите избледняването, да регулирате цветовите стопове и визуализацията на пълна ширина плюс актуализацията на CSS реда при всеки вход.
linear-gradient() рисува цветове по права линия - най-използваният градиент в CSS досега. 90 градуса върви отляво надясно, 180 градуса отгоре надолу и всеки ъгъл между тях дава диагонал; стоп позициите в проценти определят къде всяка цветна лента започва да се смесва със следващата.
Когато визуализацията изглежда правилно, копирайте линията на фона във вашата таблица със стилове. Ако искате начална точка вместо празен лист, предварително зададените страници за залез, океан и пастел отварят същия инструмент с вече заредени доказани цветови двойки.