Am Ddim Gorau Creu Graddiannau

Adeiladu graddiannau CSS llinell a radial gyda rhagolwg byw - copïo'r cod cefndir.

& Gwaredu Iaith: 90°
100% am ddim Dim cofrestru Dim dyfyniad Ffeiliau a broseswyd yn y cof, heb eu cadw erioed
Ewch yn broffesiynol am y modelau AI gorau - delweddau, fideo a sgwrsio - yn ogystal â lawrlwythiadau mwy, blaenoriaeth yn y rhes a dim aros. Uwchraddio i Pro
Love best.free? Rhannu

Sut mae'n gweithio

  1. Dewiswch fath. Dewiswch linell neu radial, a gosod yr ongl ar gyfer graddiant llinell.
  2. Dewis lliwiau a stopio. Gosod dau liw neu fwy a'u lleoliadau; ychwanegu trydydd stop yn y dewisiadau uwch.
  3. Copïo' r CSS. Dewiswch y cefndir i' w ddefnyddio fel lliw' r cefndir.

Am yr erfyn yma

Adeiladu graddiant CSS gan yr ymennydd yn hytrach na golygu gwerthoedd yn ddall. Newid rhwng llinell a radial, llusgwch yr ongl ar gyfer graddiant llinell, a dewiswch liwiau a lleoliadau am o leiaf ddwy stop tra bod bar rhagolwg lled llawn yn diweddaru' n fyw. Copïwch y priodwedd cefndir a gynhyrchir yn syth i' ch llen arddull. Ychwanega' r dewisiadau uwch stop lliw trydydd ar gyfer cymysgeddau mwy cyfoethog a gadael i chi ddewis siâp cylch neu elips ar gyfer graddiant radial. Rheda' r cyfan yn eich porwr.

Beth mae pobl yn ei ddefnyddio ar gyfer

  • Dylunio graddiant cefndir arwr neu adran
  • Creu botwm neu lenwi graddiant cardiau
  • Cymysgu dau neu dri lliw brand yn llyfn
  • Creu effaith ffocws radial neu vignette

Cwestiynau a ofynnir yn aml

Mae graddiant llinellol yn cymysgu ar hyd llinell syth wrth yr ongl rydych yn ei dewis; mae graddiant radial yn cymysgu allan o bwynt canolig fel cylch neu elips.

Ar gyfer graddiant llinellol, mae'r ongl yn gosod cyfeiriad y cymysgedd - mae 0° yn mynd o'r gwaelod i'r top, 90° o'r chwith i'r dde, ac yn y blaen.

Mae pob stop yn lliw wedi ei leoli ar gyfran o hyd y graddiant. Mae symud stop yn newid lle mae'r lliw yn sefyll a faint o gryfder y mae'r cymysgedd yn ei gael.

Ie. Agor opsiynau uwch i ychwanegu trydydd stop lliw, wedi ei fewnosod rhwng y cyntaf a'r olaf ar gyfer cymysgedd aml-liw.

Na. Trosir y lliwiau a' r stopiau i linyn CSS yn lleol yn eich porwr.

Am ddim yn llwyr, dim cyfrif a dim terfyniadau - offeryn ochr-dibynnydd heb ddim i fesur.

Ie. Mae'n rhedeg yn eich porwr, felly mae'r Creuydd Graddiannau CSS yn gweithio ar ffôn a tabled yn ogystal â'r penbwrdd - does dim angen gosod unrhyw raglen.

Fel arfer dim ond ychydig eiliadau ar gyfer ffeil arferol - mae' r Creuydd Graddiannau CSS yn dechrau gweithio' r eiliad rydych yn rhoi eich mewnbwn iddo.

Mae defnydd aml-ddigwyddol yn ddiderfyn, dan derfyn defnydd teg sy'n cadw'r defnydd yn gyflym i bawb.

Pob porwr modern - Chrome, Safari, Firefox a Edge. Nid oes angen i'r Creuydd Graddiant CSS osod dim arall na'r porwr rydych yn ei ddefnyddio eisoes.

Offerynnau cysylltiedig

Graddio'r dudalen hon
5.0/5 (0)

Beth allwn ni ei wella? Mae eich adborth yn ein helpu i ddatrys problemau.