CSS gradiente-sortzailea

Diseinatu kolore-gradiente bat zure webgunearen atzealderako eta kopiatu CSSa. Arrastatu geldiuneak barraren gainean, sakatu barran koloreak gehitzeko eta aukeratu gradiente lineala, erradiala edo konikoa.

Gradientea

Adibideak:

Koloreak

Kolore bakoitzak HEX, rgba(), hsl(), oklch() edo CSS izen bat onartzen du; erabili transparent edo 1 baino alfa txikiagoa atzealdearekin urtzeko.

Gradiente motak CSSan

linear-gradient() funtzioak koloreak lerro batean zehar urtzen ditu adierazten duzun angeluarekin (0deg behetik gora, 90deg ezkerretik eskuinera). radial-gradient() funtzioak zirkulu edo elipsetan banatzen ditu erdigune batetik, eta conic-gradient() funtzioak puntu baten inguruan birarazten ditu, kolore-gurpil edo tarta-grafiko batean bezala.

repeating-linear-gradient(), repeating-radial-gradient() eta repeating-conic-gradient() bertsioek eredua errepikatzen dute: geldiune hurbilekin (adibidez, %0an eta %10ean) marrak eta laukiak egiteko balio dute, irudirik gabe.

Nola erabili kodea

Gradienteak irudiak dira CSSarentzat: background edo background-image propietateekin aplikatzen dira, inoiz ez background-color propietatearekin. Gaur egungo nabigatzaile guztiek onartzen dituzte -webkit- aurrizkirik gabe.

Gradientedun testu baterako, konbinatu atzealdea background-clip: text eta color: transparent propietateekin. Eta gainean testua jartzen baduzu, egiaztatu gradientearen kolorerik argienarekiko kontrastea.