Gineadóir Grádáin

Tóg grádán líneach, gathach, nó cónach, cuir stadanna datha leis agus socraigh an treo, ansin cóipeáil an CSS le cliceáil amháin.

Cineál grádáin
Stadanna datha
CSS
Coigeartaigh na stadanna agus an treo chun do ghrádán a mhúnlú.

Déantar gach grádán a rindreáil go díreach i do bhrabhsálaí. Ní uaslódáiltear aon rud a shocraíonn tú anseo chuig BroBroGo.

Ceisteanna Coitianta

Cad é an difríocht idir grádáin línigh, gathacha agus chónacha?

Cumascann grádán líneach dathanna feadh líne dhíreach a díríonn tú le huillinn. Scaipeann grádán gathach amach iad ón lár i gciorcal nó in elips. Scuabann grádán cónach timpeall an láir iad cosúil le roth datha.

Cad is stadanna datha ann?

Is éard atá i ngach stad datha ná dath atá feistithe ag suíomh feadh an ghrádáin — 0% ag an tús, 100% ag an deireadh. Bog stad chun an áit a mbíonn buaic an datha a athrú, nó cuir tuilleadh stadanna leis le haghaidh cumasc níos saibhre. Is féidir leat suas le hocht gcinn a úsáid.

Conas a rialaím an treo?

I gcás grádáin línigh nó cónaigh, socraíonn an sleamhnán uillinne an treo — pointeálann 0° suas, pointeálann 90° ar dheis. Níl aon uillinn ag grádán gathach; roghnaigh cruth ciorcail nó elipse ina ionad sin chun an chaoi a leathnaíonn sé a athrú.

Gineadóir CSS Cubic BezierTarraing an dá láimhseáil chun cuar maolaithe a mhúnlú, féach ar phonc ag gluaiseacht air i gcomparáid le ceann seasta, agus cóipeáil an luach cubic-bezier().Gineadóir Box ShadowTarraing sleamhnáin chun box-shadow a mhúnlú, cruachaigh cisealacha le haghaidh doimhneachta, agus cóipeáil an CSS críochnaithe láithreach.Gineadóir Border RadiusCruinnigh gach cúinne le sleamhnáin, cruthaigh cruthanna orgánacha leis an modh elipseach, agus cóipeáil an CSS láithreach.Gineadóir FlexboxSocraigh coimeádán flex agus a mhíreanna le rialtáin radhairc, féach ar an leagan amach ag freagairt beo, agus cóipeáil an CSS le cliceáil amháin.Gineadóir CSS GridSocraigh do cholúin agus do rónta, tarraing trasna na gcealla chun míreanna a chur, agus cóipeáil an CSS greille le HTML meaitseála le cliceáil amháin.Áireamhán CSS clamp()Iontráil méid le haghaidh scáileáin bheaga agus mhóra agus faigh luach sreabhach clamp() a scálaíonn go réidh eatarthu — le haghaidh clómhéideanna, padding, corrlaigh nó bearnaí.Tiontaire DathaTiontaigh dathanna idir HEX, RGB, HSL, HSV, CMYK agus LAB — cuir réimse ar bith in eagar agus nuashonrófar an chuid eile de réir mar a théann tú ar aghaidh.Snaidhmtheoir & Mionlaghdaitheoir CSSAthfhleascaigh CSS praiseachúil chun é a léamh, nó mionlaghdaigh é chun é a sheoladh — le mód sábháilte nach n-athraíonn ord do rialacha riamh.Seiceálaí CodarsnachtaIontráil dath téacs agus cúlra chun cóimheas codarsnachta WCAG a fheiceáil agus cé na leibhéil AA agus AAA a n-éiríonn leo.