Smooth pagbalhin kolor: CSS pagdulhog

Natural nga mga kolor sa kasagaran uniformly mahinlo nga. Apan bisan sa usa ka hingpit nga patag nawong sa usa ka lig-on nga kolor nga larawan sa mga natural nga pagbalhin kolor. Kanunay nga wala tuyoa mahulog kahayag sa adlaw o artipisyal nga suga, ingon man ang pagbag-o sa anggulo sa panglantaw makahimo sa dili regular ug sa talagsaon nga mga patay.

Duha ka puntos sa panglantaw nga nagtumong sa sa mao gihapon nga butang, naila ang kolor kalainan, sa tinagsa, sa ilang mga anggulo sa panan-awon ug sa correlation uban sa ubang mga anggulo sa insidente sa kasilaw sa ibabaw sa nawong sa mga ngadto ug nganhi.

Psychological epekto sa pagbalhin kolor

Kolor mao ang dili lamang sa pisikal nga pagbati ug nag-agad dili lang sa panahon ug posisyon sa luna. Mga larawan sa mga kahoy, mga building, mga bukid ug sa ubang mga butang sa usa ka baksiwa posisyon evoke sa pagbati sa pagpamalandong sa mga nawong sa tubig o sa uban nga mga nawong.

Hingpit nga itom nga susama nga mga linya sa usa ka hingpit nga puti nga nawong kuta, ang matag linya sa tibuok gitas-on pagtaas sa gidaghanon sa gibag-on pagkunhod sa mga natural nga linya gibag-on sa diha nga gitan-aw sa usa ka kuta - ang tanan nga kini ang hinungdan sa usa ka pagbati sa magsud-ong nga ang lawak adunay usa ka pinahigda kisame.

Usa ka larawan ang gisulat sa duha, ug ang matag usa kanila mao ang mibalhin uban sa pagtahod sa usag usa pinaagi sa usa ka gilay-on sa taliwala sa mga mata, sa paghatag sa mga epekto sa mga spatial nga gidaghanon, kon defocus-aw.

Kon ang poster mao ang dako nga igo ug ang utlanan pagtabok sa pagkatinuod naghimo sa hingpit, ang hulagway sa poster nga nakita nga ingon sa mga natural nga nga sa gitinguha nga landong sa kolor, ang sa panimuot sa nakasud awtomatikong Sumpaysumpaya.

Site, ug labaw sa tanan, sa iyang design ug kolor nga pamaagi mao ang mahinungdanon ug complementary kapanguhaan lohika, ang iyang dialogue, sa paghimo sa tukma nga psychological nga epekto sa bisita.

Smooth pagbalhin pinaagi sa CSS

Gradients gilalang sa linear-pagdulhog () ug radyal-pagdulhog (). Sa unang kaso, ang usa ka hapsay nga kausaban sa kolor mahitabo sa linya ug sa ikaduha nga kaso - sa usa ka alipíd o lingin. CSS pagdulhog mahimong gipahamutang sa mga kabtangan sa kagikan, kagikan-nga larawan, utlanan-larawan, listahan-estilo-larawan. Superimposing elemento sa usag usa, importante nga ilang transparency mahimo makamugna dakung patay ug sa paghimo talagsaon nga mga kabalhinan.

Kini kinahanglan Apan nga gipas-an diha sa hunahuna nga ang kolor transisyon dili kanunay nga hapsay. Ang ubang mga variants sa mga kombinasyon sa mga kolor, sa mga mithi sa transparency, panid layout background makahatag undesirable lakang epekto.

lagda CSS alang sa recording background pagdulhog

pagdulhog sa usa ka hapsay nga transisyon gikan sa usa ka kolor ngadto sa lain. Sa kini nga kaso, kamo makahimo sa paggamit sa daghang mga kolor. Matikdi ang linear nga bersyon sa (CSS linear pagdulhog) mahimong managlahi:

Ang unang sukaranan mao ang kiling anggulo nga bahin o sa rehiyon, gisundan sa kolor. Dili kinahanglan sa paggamit sa lamang sa duha ka kolor, nga kamo mahimo sa pagkalos sa tibuok balangaw. Ang pagpadapat sa transparency opacity kabtangan mahimo nga nakuha overlapping epekto.

Ang pagpili sa mga kolor, ang kolor generators

Ang paglalang sa bahin sa designer, dapit sa developer sa bag-ohay nga mga tuig ginpasimple. Kini mahimong praktikal ug angay nga rectangular porma, nga naglangkob sa usa ka minimum nga impormasyon, usa ka minimum nga gimbuhaton, sa maximum nga diwa ug mental nga kinaiya sa pagbaligya sa mga produkto, paghatag og usa ka pag-alagad, highlight discounts, kalidad ug / o sa mahinungdanon nga mga kalainan gikan sa mga kompetensya.

Apan, bisan pa sa maong lisud nga mga kahimtang, regulasyon ug sa paglalang sa modernong web-kapanguhaan mao ang usa ka dapit alang sa pagkamamugnaon ug sa usa ka tin-aw nga tinguha sa pipila ka mga developers sa paghimo sa usa ka agresibo, target nga buhat uban sa kolor, pagpamalandong sa diwa sa sulod nga teksto ug sa estilo gipili dialogue. CSS pagdulhog nga apply nga mas kanunay.

solusyon kolor "Google" ug "Skype ni", sa partikular, may usa ka epekto, ug ang mga sumusunod, Apan, sa katapusan nga magtiayon nga sa mga tuig, ang aktibo nga sangkap sa web design nagsugod sa pagtan-aw alang sa mga bag-ong porma, ang bag-ong mga kolor ug unobtrusive, sulayi sa dagan sa nagapaagay mga porma.

Sa Internet adunay daghan nga online nga mga kapanguhaan (CSS pagdulhog generator), nga sa hilabihan gayud mopayano sa trabaho sa pagpili sa husto nga mga kolor :. Angrytools, flatonika, generatecass uban pa Uban sa ilang tabang, mahimo ka gayud sa pagluwas sa panahon sa pagpili sa mga husto nga kolor, tagda ang linya kabalhinan ug mga op.

Dinamikong kolor nga pamaagi

Tradisyon, nagpahiping sa paglalang sa web-mga kapanguhaan, nga gihimo lapason pagmando sa: ang gambalay, sulod ug sa dialogue site sa mga customer - ang katakus sa developer nagpatuman sa kabubut-on sa tag-iya (customer). Panagway sa site, ang iyang disenyo usab tradisyonal nagtumong sa sa kamatuoran nga kini dili determinado sa kliyente.

Samtang, usa ka matang sa mga lalang nagtubo, ug sa mga panimalay sa matag matang adunay mga nagkalain-laing mga maayong espesimen, uban sa mahinungdanon nga mga kalainan, dili lamang sa kolor hulad, kopya, ingon sa resolusyon ug sa browser nga mga porma sa makita sa rehiyon.

Usa ka matang sa browser ug mga bersiyon gigamit usab nagmugna problema sa usa ka igong mapping sa CSS pagdulhog kapabilidad.

Sa kinatibuk-pagtimbang-timbang niini nga mga kahimtang, ug mga panig-ingnan sa pipila nagsaad nga buhat, kini mahimong Matod nga ang dagway sa site lamang defaultnom estado - ang katakus sa developer ug / o tag-iya sa kapanguhaan. Lamang sa diha nga ang usa ka customer nga unang mibisita sa kapanguhaan, kini makahimo sa pagtimbang-timbang sa disenyo sa site. Kon ang customer nga nakakita nga angay sa paghinumdom sa site ug sa paggamit niini diha sa ilang matag adlaw nga kinabuhi, sa iyang tinguha nga ang mga himan sa pagpugong sa dagway ug kagamitan, katuyoan mao ang bug-os nga gipakamatarung.

Ang maong sentro-de-grabidad sa mga benepisyo developer pagbalhin: ang dili kinahanglan sa paghimo sa sa implementasyon sa krus-browser pagkaangay, test site sa lain-laing mga lalang sa lain-laing mga operating sistema sa.

Dugang pa, ang trend ang paghimo sa usa ka komon nga database alang sa aktwal nga implementasyon sa CSS lagda sa lain-laing mga lalang. Kini mao lang ang sinugdanan, apan sa iyang potensyal mao ang sa dako nga importansya.