Sunset CSS Gradient — Готов код
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря генератора на градиенти с готово заредено избледняване по залез: топъл корал #ff7e5f, преливащ в мека праскова #feb47b, отляво надясно. Визуализацията го показва веднага в пълна ширина и CSS редът по-долу е готов за копиране такъв, какъвто е.
Топлите избледняващи цветове от корал до праскова са основна част от секцията за герои, защото се четат като приятелски и енергични, без да надделяват върху белия текст. Тази двойка е достатъчно близка по оттенък, така че средната точка да остане чиста - без кална сива лента в средата, обичайният неуспешен режим на градиенти между далечни цветове.
Използвайте го непроменен или го направете ваш: завъртете ъгъла за диагонален залез, издърпайте първия ограничител навътре за по-силно коралово присъствие или добавете трети стоп с дълбока слива близо до 100% за усещане за здрач. Всяка промяна актуализира незабавно копирания CSS.