Malama loko fiovana: CSS gradient

Natural loko matetika mitovy ny malama. Fa na dia eo amin'ny fisaka tanteraka eny amin'ny loko sary iray mafy orina ny loko voajanahary fiovana. Foana tsy nahy lavo masoandro na ny solon-jiro, ary koa ny fiovana eo amin'ny fiolahana ny fomba fijery tsy ara-dalàna sy tsy manam-paharoa no manampy lafiny.

Roa fijery mikendry zavatra iray ihany, mahafantatra ny maha samy hafa loko, tsirairay avy, ny fahitana sy ny fifandraisany amin'ny lafiny lafiny hafa ny tranga ny taratra eny ambonin'ny ny etsy sy eroa.

Ara-tsaina vokatry ny loko fiovana

Color dia tsy ara-batana ihany ny fihetseham sy tsy miankina amin'ny fotoana sy ny toerana eny amin'ny habakabaka. Images ny hazo, trano, tendrombohitra sy ny zavatra hafa amin'ny mitsongoloka toerana manoloana ny fahatsapana ny fandinihana ao amin'ny rano ambonin'ny na ny hafa ambonin'ny.

Tanteraka mainty mifanitsy-dalana, ny tanteraka fotsy ambonin'ny manda, isaky ny andalana ny manontolo lavany mitombo arakaraka ny hatevin'ny fampihenana ny voajanahary tsipika sakan'ny raha jerena eo amin'ny manda - izany rehetra izany no mahatonga ny fahatsapana ao amin'ny mpijery izay ny efitrano manana marindrano valin-drihana.

Sary iray misy soratra ny roa, ary ny tsirairay amin'izy ireo dia nafindra tamin'ny fanajana ny tsirairay anankiray tamin'ny tsy lavitra teo anelanelan'ny masony, nanome ny vokatry ny maka sary boky, raha defocus fijery.

Raha toa ny peta-drindrina dia malalaka sy ny fari-taniny fiampitàna ny marina izay efa natao tanteraka, ny sary eo amin'ny peta-drindrina dia ho hita toy ny voajanahary fa ny matoatoa va nangataka ny loko, ny fahatsiarovan ny beholder dia mifandray avy hatrany.

Site, ary ambonin'izany rehetra izany, ny famolavolana sy ny lokony dia tena ilaina rafitra mifameno ny harena sy ny lojika, ny fifanakalozan-kevitra, mety ho vokany eo amin'ny ara-tsaina vahiny.

Malama fiovana amin'ny alalan'ny CSS

Gradients dia nohariana tamin'ny Linear-gradient () sy ny radiala-gradient (). Ao amin'ny tranga voalohany, dia nisy fiovana ny loko malamalama miseho eny amin'ny tsipika sy ny tranga faharoa - iray ellipse na faribolana. CSS gradient azo namponeniny tany an-fananan 'afara, afara-sary, fari-sary, lisitra-ny fomba-sary. Superimposing singa samy hafa, dia afaka mamaritra ny mangarahara hiteraka lafiny lehibe sy tsy manam-paharoa hamorona fiovana.

Na izany aza dia tokony ho entina ao an-tsaina fa ny loko tetezamita tsy afaka ho malama foana. Variants ny loko sasany tsikombakomba, ny soatoavina ny mangarahara, pejy fisehon'ny fototra afaka manome faniry vokatry dingana.

CSS fitsipika ho an'ny zava-peo gradient

Ny gradient dia malamalama tetezamita avy amin'ny iray hafa loko. Amin'ity tranga ity, dia afaka mampiasa loko maro. Mariho ny Linear dikan-(CSS Linear gradient) dia azo samy hafa:

Ny voalohany dia ny fironana fikirana lafiny fiolahana na ny faritra, nanaraka ny loko. Tsy ilaina ny mampiasa afa-tsy loko roa, dia afaka manovo avana iray manontolo. Fampiharana ny mangarahara Hatevin'ny fananan'ny azo nahazo vokatry nifandimby.

Ny safidy ny loko, ny loko gropy

Ny famoronana ampahany amin'ny mpamorona, ny developer ny toerana tao anatin'ny taona vitsivitsy notsorina. Lasa azo ampiharina sy mifanaraka endrika mahitsizoro, misy farafahakeliny-baovao, farafahakeliny ny asa, ny ambony indrindra heviny sy ny toe-tsaina mba hivarotra ny vokatra, manome ny asa fanompoana, hanasongadinana fihenam-bidy, tsara sy / na ny lehibe samy hafa avy amin'ny mpifaninana.

Na izany aza, na dia toy izany mafy toe-piainana, ny fitsipika ary ny famoronana maoderina tranonkala-loharano dia toerana ho an'ny famoronana sy mazava fanirian'ny sasany mpandraharaha mba hanao tia ady, lasibatra ny asa miaraka amin'ny loko, maneho ny hevitry ny andinin-teny afa-po sy ny fomba voafidy fifanakalozan-kevitra. CSS gradient no ampiharina matetika kokoa.

Color vahaolana "Google" sy "Skype ny", indrindra, nanana fiantraikany sy ny mpanara-dia, na izany aza, tao anatin'ny roa taona, ny mpanao singa amin'ny aterineto nanaovana nanomboka hitady vaovao endriny, vaovao loko sy unobtrusive, andramo ny fihetsehana ny tondra teny.

Ao amin'ny Internet dia maro amin'ny aterineto harena (CSS gradient gropy), izay indrindra Manamora ny asa ny fisafidianana ny tsara loko :. Angrytools, flatonika, generatecass sns Noho ny fanampian'izy ireo, dia afaka tena afa-fotoana eo amin'ny fifantenana ny ny tsara loko, dia diniho ny andalana fiovana sy ny takela.

Mavitrika tetika loko

Lovam-pampianarana, fototra ny famoronana ny aterineto-loharanon-karena, nanao setrasetraina fitsipika: ny rafitra, afa-po sy ny toerana fifanakalozan-kevitra miaraka amin'ny mpanjifa - ny compétence ny developer manatanteraka ny sitrapon 'ny tompony (mpanjifa). Endriky ny toerana, ny fomban-drazana nanaovana koa dia manondro ny zava-misy fa tsy tapa-kevitra ny mpanjifa.

Mandritra izany fotoana izany, ny fitaovana isan-karazany no mitombo, sy ny fianakaviana tsirairay dia misy isan-karazany ny karazana santionany mampanantena, miaraka amin'ny fahasamihafana lehibe, tsy tany loko fandikana, tahaka ny any amin'ny vahaolana sy ny navigateur tsy ampy ny faritra hita maso.

Misy isan-karazany ny navigateur sy ny dikan-ampiasaina ihany koa ny mamorona olana amin'ny sarintany ny CSS ampy gradient fahaiza-manao.

Miaraka fanombanana ireo toe-javatra, ary ny ohatra sasany mampanantena asa, dia azo nilaza fa ny endriky ny toerana ihany no defaultnom fanjakana - ny compétence ny developer sy / na ny tompon'ny loharano. Raha tsy rehefa misy mpanjifa nitsidika voalohany ny loharanon-karena, dia mety ho afaka mamantatra ny famolavolana ny toerana. Raha ny mpanjifa dia nahita fa mety ny hahatsiaro ny toerana sy mampiasa izany eo amin'ny fiainana andavanandro, ny faniriany hanana ny fitaovana hifehezana ny tarehiny sy ny fomba fiasany no voamarina tanteraka.

Toy izany foiben'ny hery misintona ny developer soa famindrana: tsy ilaina ny manao ny fampiharana ny cross-navigateur mifanentana, toerana fitiliana amin'ny fitaovana samihafa amin'ny rafitra fandidiana samy hafa.

Ankoatra izany, ny fironana dia hamorona iraisana ho an'ny banky angona ny tena fampiharana ny CSS fitsipika ho fitaovana isan-karazany. Izany no voalohany fotsiny, fa ny mety dia zava-dehibe.