Pastel CSS Gradient — Готов код
Създавайте CSS градиенти визуално: линеен, радиален или коничен тип, ъглов плъзгач и до шест цветни спирания с визуализация на живо в пълна ширина и код, който може да се копира.
Резултат
Тази страница отваря генератора на градиенти с готово заредено пастелно избледняване: прахообразно розово #ffdde1, преливащо в прашна роза #ee9ca7. Панелът за предварителен преглед показва незабавно мекия резултат, като CSS редът е готов отдолу.
Пастелните градиенти работят там, където наситените биха крещяли: бордови екрани, карти, празни състояния и брандинг за красота или начин на живот. Тъй като и двете граници са светли, тъмният текст остава четим по цялата повърхност - нещо, което най-ярките градиенти не могат да предложат без наслагване.
Копирайте линията такава, каквато е, или я смекчете допълнително, като побутнете съседните трикове на непрозрачността: преместете ограничителя на розата до 80% и оставете розовото да доминира или обърнете към радиален тип за нежно централно сияние. Инструментът актуализира копирания CSS при всяко въвеждане.