0

Pastels CSS gradients — gatavs kods

Veidojiet CSS gradientus vizuāli: lineārs, radiāls vai konisks veids, leņķa slīdnis un līdz pat sešām krāsu pieturām ar dzīvu pilna platuma priekšskatījumu un kopējamu kodu.

90°
Notiek apstrāde... 0%

Rezultāts

Šajā lapā tiek atvērts gradienta ģenerators ar gatavu pasteļtoņu izbalēšanu: pūderrozā #ffdde1, kas saplūst ar putekļainu rozi #ee9ca7. Priekšskatījuma panelī nekavējoties tiek parādīts mīkstais rezultāts, un tālāk ir gatava CSS rindiņa.

Pasteļtoņu gradienti darbojas tur, kur piesātinātie kliedz: ekrāni, kartītes, tukši stāvokļi un skaistuma vai dzīvesveida zīmols. Tā kā abas pieturas ir gaišas, tumšs teksts paliek salasāms visā virsmā — kaut ko spilgtāko gradientu nevar piedāvāt bez pārklājuma.

Kopējiet līniju tādu, kāda tā ir, vai vēl vairāk mīkstiniet to, piespiežot necaurredzamībai blakus esošos trikus: pārvietojiet rozes pieturu līdz 80% un ļaujiet rozā krāsai dominēt, vai pagrieziet uz radiālu veidu, lai iegūtu maigu centra mirdzumu. Rīks atjaunina kopējamo CSS katrā ievadē.