Jevne fargeoverganger: CSS gradient

Naturlige farger er vanligvis jevnt glatt. Men selv på en helt flat overflate av en solid farge bilde av de naturlige fargeoverganger. Alltid utilsiktet falle sollys eller kunstig belysning, samt forandringen i den synsvinkel muliggjør uregelmessige og unike nyanser.

To synspunkter som tar sikte på det samme objektet, oppfatter fargeforskjell, henholdsvis av deres synsvinkler og korrelasjon med andre vinkler for innfallende stråle av stråling på overflaten av den frem og tilbake.

Psykologiske effekten av fargeoverganger

Fargen er ikke bare de fysiske fornemmelser og avhenger ikke bare av tid og posisjon i rommet. Bilder av trær, bygninger, fjell og andre elementer i en omvendt posisjon fremkalle følelsen av refleksjon i vannoverflaten eller på annen overflate.

Absolutt sort parallelle linjer på en helt hvit overflate vegger, hvor hver linje over hele lengden øker i forhold til tykkelsen reduksjonen av den naturlige strektykkelse når de vises på en vegg - alt dette vil føre til en følelse i betrakteren at rommet har et horisontalt tak.

Ett bilde er innskrevet med de to, og hver av dem er forskjøvet i forhold til hverandre med en avstand mellom øynene, noe som gir virkningen av romlig volum, hvis defokuseringen utseende.

Hvis plakaten er stort nok og grenseovergangen i realiteten gjort perfekt, vil bildet på plakaten ses som naturlig at de ønskede fargenyanser, vil bevisstheten som ser kobler automatisk.

Site, og fremfor alt, design og fargevalg er avgjørende og utfyllende ressurs logikk, hans dialog, gjøre de riktige psykologisk effekt på de besøkende.

Jevne overganger gjennom CSS

Gradienter blir opprettet med lineær-gradient () og radial-gradient (). I det første tilfellet, skjer en jevn endring av farge langs linjen og i det annet tilfelle - av en ellipse eller en sirkel. CSS gradient kan settes i egenskapene til bakgrunn, background-image, border-image, list-style-image. Innkopiering av elementene til hverandre, kan definere deres gjennomsiktighet generere store nyanser og skaper unike overganger.

Det bør imidlertid være oppmerksom på at fargen overgangen ikke alltid kan være glatt. Noen varianter av fargekombinasjoner, verdiene av åpenhet, kan sideoppsettet bakgrunn gi uønskede effekter trinn.

CSS-regler for opptak bakgrunn gradient

Gradienten er en glatt overgang fra en farge til en annen. I dette tilfellet kan du bruke flere farger. Legg merke til den lineære versjon av (CSS lineær gradient) kan varieres:

Den første parameteren er helningsvinkelen side eller region, etterfulgt av farge. Ikke nødvendig å bruke bare to farger, kan du trekke hele regnbuen. Bruk av åpenhet opasitet eiendom kan fås overlappende effekter.

Valget av farger, farge generatorer

Den kreative delen av designeren, utbyggers side de siste årene forenklet. Det blir praktisk og hensiktsmessig rektangulær form, som inneholder et minimum av informasjon, et minimum av funksjoner, maksimal følelse og mental innstilling å selge produktet, yte en tjeneste, markere rabatter, kvalitet og / eller vesentlige forskjeller fra konkurrentene.

Men selv i slike vanskelige forhold, forskrifter og etablering av moderne web-ressurs er et sted for kreativitet og et klart ønske fra noen utviklere å lage en aggressiv, målrettet arbeid med farge, noe som reflekterer den oppfatning av tekstinnhold og stilen valgt dialog. CSS gradient har vært brukt oftere.

Fargeløsninger "Google" og "Skypes", i særdeleshet, hadde en effekt og tilhengerne, men i de siste par årene, den aktive komponenten i webdesign begynte å lete etter nye former, nye farger og diskret, prøv dynamikken i flytende form.

På Internett er det mange elektroniske ressurser (CSS gradient generator), som forenkler jobben med å velge riktige farger :. Angrytools, flatonika, generatecass etc. Med deres hjelp, kan du virkelig spare tid på valg av riktig farge, vurdere linjen overganger og overlegg.

Dynamisk fargevalg

Tradisjon, underliggende etablering av web-ressurser, gjort ukrenkelig regel: struktur, innhold og språk dialog med kunden - kompetanse utvikleren implementerer vilje til eieren (kunden). Utseendet av området, dens utforming er også tradisjonelt refererer til det faktum at den ikke er bestemt av klienten.

I mellomtiden, en rekke enheter er økende, og i familiene til hver type er det ulike lovende prøver, med betydelige forskjeller, ikke bare i fargegjengivelse, som i oppløsning og leseren danner det synlige området.

En rekke nettlesere og versjoner som brukes skaper også problemer på en tilstrekkelig kartlegging av CSS gradient evner.

Samlet vurdering av disse forholdene, og eksempler på noen lovende arbeid, kan det hevdes at utseendet på stedet bare defaultnom state - kompetanse utbygger og / eller eier av ressursen. Bare når en kunde først besøker ressurs, kan det være i stand til å evaluere utformingen av nettstedet. Hvis kunden har sett skikket til å huske på nettstedet og bruke det i sitt daglige liv, til hans ønske har verktøy for å kontrollere utseende og funksjonalitet er fullt berettiget.

En slik tyngdepunkt av den fremkaller fordeler transfer: er det ikke nødvendig å drive gjennomføring av kryss-nettleser kompatibilitet, testområde på forskjellige enheter på forskjellige operativsystemer.

Videre vil trenden skape en felles database for selve gjennomføringen av CSS-regler for forskjellige enheter. Dette er bare begynnelsen, men potensialet er av stor betydning.