ComputereProgrammering

Glatte farveovergange: CSS gradient

Naturlige farver er som regel ensartet glat. Men selv på en helt flad overflade på et farvebillede af de naturlige farveovergange fast. Altid utilsigtet falder sollys eller kunstig belysning, samt ændringen i synsvinkel giver uregelmæssige og unikke nuancer.

To synspunkter rettet mod det samme objekt, opfatter farveforskellen henholdsvis af deres vision vinkler og korrelation med andre indfaldsvinkler af stråler på overfladen af HID og did.

Psykologiske virkninger af farveovergange

Farven er ikke kun de fysiske fornemmelser og afhænger ikke kun af den tid og position i rummet. Billeder af træer, bygninger, bjerge og andre elementer i en omvendt position fremkalde følelsen af refleksion i vandoverfladen eller på den anden overflade.

Absolut sort parallelle linier på en perfekt hvid overfladevægge, hver linje over den samlede længde øges proportionalt med reduktionen af den naturlige linjetykkelsen når de vises på en vægtykkelse - alt dette vil give en følelse i fremviseren at rummet har et horisontalt loft.

Et billede er indskrevet med de to, og hver af dem er forskudt i forhold til hinanden med en afstand mellem øjnene, der giver effekten af rumlige volumen, hvis Defocus look.

Hvis plakaten er stor nok, og grænseovergangen i virkeligheden gjort perfekt, vil billedet på plakaten ses som naturligt, at de ønskede farvenuancer, vil bevidstheden af beskueren forbindelse automatisk.

Webstedet, og frem for alt, dens design og farvesammensætning er vigtige og komplementære ressource logik, hans dialog, gøre det rigtige psykologiske effekt på den besøgende.

Glatte overgange gennem CSS

Gradienter er skabt med lineær-gradient () og radial-gradient (). I det første tilfælde, en jævn ændring af farve opstår langs linjen og i det andet tilfælde - af en ellipse eller cirkel. CSS gradient kan indstilles i egenskaberne for baggrunden, baggrund-billede, border-billede, liste-stil-billede. Overlejre elementer til hinanden, kan definere deres gennemsigtighed generere store nuancer og skabe unikke overgange.

Det skal dog erindres, at farven overgang ikke altid kan være glat. Nogle varianter af farvekombinationer, værdierne af gennemsigtighed, kan sidelayout baggrund giver uønskede effekter skridt.

CSS regler for optagelse baggrund gradient

Gradienten er en jævn overgang fra en farve til en anden. I dette tilfælde kan du bruge flere farver. Bemærk den lineære version af (CSS lineær gradient) kan varieres:

Den første parameter er hældningsvinklen side eller region, efterfulgt af farve. Ikke nødvendigt at bruge kun to farver, kan du tegne hele regnbuen. Anvendelse gennemsigtighed opacitet ejendom kan opnås overlappende effekter.

Valget af farve, den farve generatorer

Den kreative del af designeren, udviklerens website i de senere år forenklet. Det bliver praktisk og hensigtsmæssigt rektangulær form, som indeholder et minimum af information, et minimum af funktioner, den maksimale fornuft og mental indstilling til at sælge produktet, yde en service, fremhæve rabatter, kvalitet og / eller væsentlige forskelle fra konkurrenterne.

Men selv i sådanne hårde betingelser, regler og skabelsen af moderne web-ressource er et sted for kreativitet og et klart ønske om nogle udviklere til at gøre en aggressiv, målrettet arbejde med farver, der afspejler den følelse af tekstindhold og stilen valgte dialog. CSS gradient er anvendt hyppigere.

Farve-løsninger "Google" og "Skypes", i særdeleshed, haft en effekt, og tilhængerne, men i de sidste par år, den aktive komponent i webdesign begyndte at lede efter nye former, nye farver og diskret, så prøv dynamikken i flydende former.

På internettet er der mange online ressourcer (CSS gradient generator), hvilket i høj grad forenkler opgaven med at vælge de rigtige farver :. Angrytools, flatonika, generatecass etc. Med deres hjælp, kan du virkelig spare tid på valg af den rigtige farve, overveje den linje overgange og overlays.

Dynamisk farveskema

Tradition, ligger til grund for oprettelsen af web-ressourcer, gjort ukrænkelig regel: struktur, indhold og site dialog med kunden - kompetence udvikleren implementerer vilje ejeren (kunden). Udseende af webstedet, dens design er også traditionelt henviser til det faktum, at det ikke er bestemt af kunden.

I mellemtiden har en række forskellige enheder er stigende, og i familierne af hver type er der forskellige lovende prøver, med betydelige forskelle, ikke kun i farvegengivelsen, som i opløsning og browseren danner det synlige område.

En række browsere og versioner anvendte skaber også problemer i en passende kortlægning af CSS gradient kapaciteter.

Kollektivt evaluere disse omstændigheder, og eksempler på nogle lovende arbejde, kan det hævdes, at udseendet af webstedet kun defaultnom tilstand - kompetence bygherren og / eller ejeren af ressourcen. Kun når en kunde først besøger ressourcen, kan det være i stand til at evaluere designet af hjemmesiden. Hvis kunden har fundet det passende at huske stedet og bruge det i deres hverdag, at hans ønske har redskaberne til at styre udseendet og funktionaliteten er fuldt ud berettiget.

En sådan tyngdepunkt overførsel udvikler fordele: ingen grund til at engagere sig i forbindelse med gennemførelsen af cross-browser kompatibilitet, test site på forskellige enheder på forskellige operativsystemer.

Desuden vil tendensen oprette en fælles database for den faktiske implementering af CSS regler til forskellige enheder. Dette er kun begyndelsen, men dets potentiale er af stor betydning.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 da.delachieve.com. Theme powered by WordPress.