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