Preview

CSS

background: linear-gradient(135deg, #4F46E5, #8B5CF6);

Grádán

135°
0%
100%

Réamhshocruithe

Samplaí Grádán

Déan iniúchadh ar na samplaí grádán iontacha seo agus faigh spreagadh do do chéad tionscadal eile. Cliceáil ar aon ghrádán chun é a luchtú isteach sa ghineadóir.

Sunset Blush

Grádán te spreagtha ag sunsets álainn.

Ocean Breeze

Grádán socair a chuireann mothú uiscí cósta i gcuimhne

Luchtaigh Mint Fusion

Grádán úr agus nua-aimseartha a chomhcheanglaíonn mint agus spéir gorm.

Luchtaigh Gairdín Lush

Grádán bríomhar a léiríonn áilleacht an dúlra.

Aisling Cosmaí

draíochta spreagtha ag spéir na hoíche.

Luchtaigh Uair Órga

Grádán te a ghabhann croílár an twilight.

Grádán

iad Grádáin CSS?

Ligeann grádáin CSS duit aistrithe réidh a thaispeáint idir dhá dhath nó níos mó. Is féidir iad a úsáid mar chúlraí d'eilimintí agus tagann siad i dtrí chineál éagsúla:

  • Grádáin Líneacha:Dathanna trasdula feadh líne dhíreach.
  • Grádáin Gathacha:Dathanna aistrithe ó lárphointe amach.
  • Grádáin Cónacha:Dathanna trasdula timpeall lárphointe i gciorcal.

Conas Grádáin

Nuair a ghineann tú grádán ag baint úsáide as ár n-uirlis, is féidir leat an cód CSS a úsáid i do thionscadail:

  1. Cóipeáil an cód CSS ón gineadóir.
  2. Greamaigh é i do chomhad CSS, nó bain úsáid as inlíne i do eilimintí HTML.
  3. Cuir an grádán i bhfeidhm ar aon eilimint ag baint úsáide as nabackground property.
.my-element {
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

  • Bain úsáid as níos mó ná dhá dhath le haghaidh éifeacht grádán níos casta.
  • Coigeartaigh suíomhanna dathanna chun rialú a dhéanamh ar an áit a dtarlaíonn aistrithe.
  • Comhcheangail grádáin iolracha le haghaidh éifeachtaí níos cruthaithí fós.
  • I gcás grádáin cónacha, cruthaíonn athrú an lárionaid patrúin spéisiúla.
  • Sábháil na grádáin is fearr leat le húsáid níos déanaí.

Brabhsálaí

Tacaítear go forleathan le grádáin CSS i mbrabhsálaithe nua-aimseartha. Mar sin féin, b'fhéidir nach ndéanfaidh brabhsálaithe níos sine cosúil le Internet Explorer iad a rindreáil i gceart. Tabhair dath cúltaca i gcónaí:

.my-element {
background: #4F46E5; /* Fallback color */
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

Chrome

26+

Firefox

16+

Safari

6.1+

Edge

12+

Maidir leis an uirlis

Tá ár Gineadóir Grádán CSS deartha chun cabhrú le forbróirí agus dearthóirí grádáin áille a chruthú gan stró. Cibé an bhfuil tú ag obair ar shuíomh Gréasáin, feidhmchlár, nó díreach ag iarraidh triail a bhaint as dathanna, déanann an uirlis seo éasca an grádán foirfe a ghiniúint do do thionscadal.

Features

Éasca le húsáid

Comhéadan iomasach chun grádáin a chruthú.

Oibríonn Dearadh

go foirfe ar gach méid scáileáin.

Cóipeáil-Greamaigh Réidh

Faigh cód CSS glan láithreach.

Réamhshocruithe ar fáil

Tosaigh le grádáin áille réamhshainithe.

Related Tools

Gin Claochluithe CSS3 go Héasca

Uirlis chumhachtach, iomasach chun claochlú casta CSS3 a chruthú gan cód a scríobh. Samhlaigh athruithe i bhfíor-am agus cóipeáil an CSS a ghintear le húsáid i do thionscadail.

Tiontaire Stíl go CSS

Tapa, éasca agus slán.

Tiontaire Sass go CSS

Athraigh do chód Sass go CSS. Tapa, éasca agus slán.

Heics go Deachúil

priontála Tiontaigh uimhreacha heicsidheachúlacha go deachúlach gan

Áireamhán CPM

Ríomh Costas in aghaidh an Mille (CPM) do d'fheachtais fógraíochta lenár n-áireamhán atá éasca le húsáid.

Gineadóir HMAC

stró Giniúint achoimre HMAC go héasca