Mjuka färgövergångar: CSS lutning

Naturliga färger är oftast jämnt slät. Men även på en helt plan yta av en enfärgad bild av de naturliga färgövergångar. Alltid oavsiktligt falla solljus eller artificiellt ljus, liksom förändringen i betraktningsvinkeln gör oregelbundna och unika nyanser.

Två synpunkter som syftar till samma objekt, uppfattar färgskillnaden, respektive, av sina siktvinklar och korrelation med andra infallsvinklar av strålar på ytan av den till och från.

Psykologiska effekterna av färgövergångar

Färg är inte bara den fysiska förnimmelser och beror inte bara på den tid och position i rymden. Bilder av träd, byggnader, berg och andra objekt i en inverterad position framkalla känslan av reflektion i vattenytan eller på den andra ytan.

Absolut svart parallella linjer på en perfekt vit yta väggar, varje linje över hela längden ökar i proportion till tjockleksminskningen av den naturliga linjetjockleken när den betraktas på en vägg - allt detta kommer att orsaka en känsla i betraktaren att rummet har en horisontell tak.

En bild är inskriven med de två, och var och en av dem förskjuts i förhållande till varandra med ett avstånd mellan ögonen, vilket ger effekten av spatial volym om Defocus utseende.

Om affischen är tillräckligt stor och gränsövergången i verkligheten gjort perfekt, kommer bilden på affischen ses som naturligt att de önskade färgnyanser, kommer medvetandet om betraktaren ansluta automatiskt.

Site, och framför allt dess utformning och färgsättning är viktiga och kompletterande resurser logik, hans dialog, göra rätt psykologisk effekt på besökaren.

Smidiga övergångar genom CSS

Gradienter skapas med linjär-gradient () och radial-gradient (). I det första fallet, sker en jämn färgförändring längs linjen och i det andra fallet - av en ellips eller cirkel. CSS lutning kan ställas in i egenskaperna för bakgrund, bakgrund-image, border-image, list-style-image. Lagra element till varandra, kan definiera deras öppenhet generera stora nyanser och skapa unika övergångar.

Man bör dock komma ihåg att färgen övergången inte alltid kan vara slät. Vissa varianter av färgkombinationer, värdena för öppenhet kan sidlayout bakgrunden ger oönskade effekter steg.

CSS-regler för inspelning bakgrunds gradient

Gradienten är en smidig övergång från en färg till en annan. I det här fallet kan du använda flera färger. Notera den linjära versionen av (CSS linjär gradient) kan varieras:

Den första parametern är lutningsvinkeln sidan eller regionen, följt av färg. Inte nödvändigt att använda endast två färger, kan du rita hela regnbågen. Tillämpa opacitet öppenhet egenskap kan erhållas överlappande effekter.

Valet av färg, färggeneratorer

Den kreativa delen av designern, utvecklaren webbplats under de senaste åren förenklas. Det blir praktisk och lämplig rektangulär form, som innehåller minst information ett minimum av funktioner, den maximala förnuft och mental inställning att sälja produkten, tillhandahålla en tjänst markerar rabatter, kvalitet och / eller signifikanta skillnader från konkurrenter.

Men även i sådana svåra förhållanden, förordningar och skapandet av modern webb-resurs är en plats för kreativitet och en tydlig önskan hos vissa utvecklare att göra en aggressiv, målinriktat arbete med färg, vilket speglar känslan av textinnehållet och stilen valda dialogen. CSS lutning har tillämpats oftare.

Färglösningar "Google" och "Skypes", i synnerhet, hade en effekt och anhängare, men under de senaste åren, började den aktiva komponenten i webbdesign att leta efter nya former, nya färger och diskreta, prova dynamiken i flödande former.

På Internet finns många resurser på nätet (CSS lutning generator), vilket förenklar arbetet med att välja rätt färger :. Angrytools, flatonika, generatecass etc. Med deras hjälp kan du verkligen spara tid på valet av rätt färg, anser linjeövergångar och överlägg.

Dynamisk färgsättning

Tradition, som ligger bakom skapandet av webb-resurser, gjorde okränkbar regel: struktur, innehåll och plats dialog med kunden - kompetensen hos utvecklaren genomför vilja ägaren (kunden). Utseende av platsen, dess utformning är också traditionellt hänvisar till det faktum att det inte avgörs av kunden.

Samtidigt en mängd olika enheter växer, och familjerna av varje typ finns det olika lovande exemplar, med betydande skillnader, inte bara i färgåtergivning, som i resolutionen och webbläsaren utgör det synliga området.

En mängd olika webbläsare och versioner som används skapar också problem i en lämplig kartläggning av CSS lutning kapacitet.

Tillsammans utvärderar dessa omständigheter och exempel på några lovande arbete, kan man hävda att utseendet på platsen endast defaultnom state - kompetensen hos utvecklare och / eller ägare av resursen. Först när en kund först besöker resursen, kan det kunna utvärdera utformningen av webbplatsen. Om kunden har ansett det lämpligt att komma ihåg platsen och använda den i sitt dagliga liv, hans önskan har verktygen för att styra utseende och funktionalitet är helt motiverat.

En sådan tyngdpunkt utvecklaren fördelar transfer: finns ingen anledning att engagera sig i genomförandet av kompatibilitet med olika webbläsare, testplats på olika enheter på olika operativsystem.

Dessutom kommer trenden att skapa en gemensam databas för det faktiska genomförandet av CSS-regler på olika enheter. Detta är bara början, men dess potential är av stor betydelse.