🌅Gineadóir Grádán CSS

An difríocht idir linear, radial agus conic

Tá trí fheidhm ag grádáin CSS a athraíonn na dathanna ar bhealaí éagsúla, agus scríobhtar gach ceann acu sa airí background.

• linear-gradient：Is grádán líneach é linear-gradient ina n-athraíonn na dathanna feadh líne dhíreach ag an uillinn a shonraítear.
• radial-gradient：Is grádán ciorclach é radial-gradient ina scaipeann na dathanna ón lárphointe amach i gcruth ciorcail nó éilipse.
• conic-gradient：Is grádán cónach é conic-gradient ina n-athraíonn na dathanna agus iad ag dul timpeall an láir ar deiseal.

An gaol idir uillinneacha agus eochairfhocail threo

In linear-gradient, ciallaíonn 0deg treo ón mbun go dtí an barr, agus casann sé ar deiseal de réir mar a mhéadaíonn an uimhir. Is féidir an uillinn a scríobh le heochairfhocal treo ar nós "to right" freisin: tá 90deg mar an gcéanna le "to right" agus 180deg mar an gcéanna le "to bottom".

Conas stadanna datha agus trédhearcacht a scríobh

Is é atá i stad datha (color stop) ná an suíomh sa ghrádán ag a mbíonn an dath sin, agus seasann 0% don tús agus 100% don deireadh. Mar shampla, sonraíonn "#3B82F6 0%, #8B5CF6 100%" athrú ón ngorm ag an tús go dtí an corcra ag an deireadh.

• Formáid #RRGGBB：Is bealach é formáid #RRGGBB chun dath a scríobh ina léirítear déine an deirg, an uaine agus an ghoirm le dhá dhigit heicsidheachúlacha an ceann; seasann #FF0000 do dhearg dhoiléir.
• Formáid rgba：Is bealach é formáid rgba chun dath a scríobh ina gcuirtear trédhearcacht (0–1) le luachanna an deirg, an uaine agus an ghoirm (0–255); seasann trédhearcacht 0.5 do dhath atá leath-trédhearcach.