CSS gradienteen sortzailea

Sortu CSS gradiente linealak, erradialak eta konikoak nabigatzailean.

Kolore-geldialdiak

Erabili gelditzeko heldulekuak edo teklatuko geziak posizioak editatzeko. Geldialdi bakoitzak kolore, opakutasun eta ehuneko esplizitu bat ditu.

Prest

Arakatzailearen jatorrizko prozesaketa lokala

Zure gradientea arakatzaile honetan geratzen da. Ez da kolorerik edo sortutako CSSrik bidaltzen Convertr-era.

Inportazio-gramatika mugatua

Inportazioak lineal-gradient(), radial-gradient() edo conic-gradient() onartzen ditu kolore eta ehuneko hexadezikoekin. Adierazpenak, URLak, aldagaiak eta funtzio ezezagunak lokalean baztertzen dira.

Irisgarrizko babesa

Sortutako CSS-ak atzeko plano-kolore sendoa du gradientearekin batera, onartzen ez diren errendatzaileetarako eta kontrol-chrome erabilerrazetarako.

Maiz egiten diren galderak

Kargatu al da nire gradientea?

Ez. Gradientearen egoera, koloreak, inportatutako CSS eta sortutako CSS arakatzailean geratzen dira.

Zein CSS gradiente mota onartzen dira?

Sorgailuak lineal-gradient(), radial-gradient() eta conic-gradient() irteera sortzen du hex koloreko geldiune anitzekin.

Zer inporta dezaket?

Inportazioak nahita mugatutako gramatika onartzen du onartzen den gradiente-funtzio bat, kolore hexadegikoak, aukerako ehunekoak eta angelu- edo posizio-balio mugatuak erabiliz.

Lotutako garatzaile eta diseinu tresnak

Garatzaile-tresnakArakatu arakatzailearen utilitateak CSS kolore-bihurgailuaBihurtu CSS koloreak SCSS konpilatzaileaKonpilatu Sass/SCSS zatiak sarean CSS minimizatzaileaKonprimitu CSS kodea lokalean zure arakatzailean. Irudi-kolore hautatzaileaAukeratu tokiko irudietatik koloreak.

CSS gradienteen sortzailea

Eraiki CSS gradiente linealak edo erradialak eta ikusi koloreen geldialdiak, angelua, posizioa eta errepikapena.

Sarrera
Gradiente mota, kolore geldialdiak, posizioak, angelua eta errepikapen ezarpenak.
Irteera
Zuzeneko aurrebista eta CSS atzeko planoko deklarazio kopiagarria.
Benetako mugak
Arakatzailearen errendatzea zertxobait desberdina izan daiteke motorren arabera, eta tresnak ez du kontrastea ebaluatzen edo laguntza bermatzen antzinako arakatzaileetan.
Pribatutasuna eta datuen tratamendua
Gradiente mota, kolore-geldialdiak, posizioak, angelua eta errepikapen-ezarpenak arakatzailearen fitxa honetan prozesatzen dira. Convertr-ek ez du jasotzen edo gordetzen; orria ixteak edo berriro kargatzeak lan-egoera garbitzen du, tresnak deskarga lokala esplizituki eskaintzen ez badu.

Tresna hau nola erabili

  1. Eman gradiente mota, kolore-geltokiak, posizioak, angelua eta errepikapen ezarpenak tresnaren kontroletan.
  2. Aukeratu zuzeneko aurrebistari eta kopiagarria den CSS atzeko deklarazioari eragiten dioten ezarpenak, eta exekutatu tresna.
  3. Berrikusi zuzeneko aurrebista eta kopia daitekeen CSS atzeko deklarazioa kopiatu edo deskargatu aurretik.

Ohiko hutsegite moduak

Kolore-geldialdia, kolore baliogabea edo posizio bateraezina falta den batek CSS deklarazio baliozko bat sortzea eragozten du.

Adibide erabilgarria

Sortu 90 graduko gradiente lineal bat #111827tik %0ra #f59e0bra %100era eta kopiatu deklarazioa.