Színátmeneteket: CSS gradiens

Természetes színek általában egyenletesen sima. De még a tökéletesen sík felület egy egyszínű képet a természetes színátmenetek. Mindig véletlenül esik napfény vagy mesterséges megvilágítás, valamint a változás a látószög lehetővé teszi a szabálytalan és egyedi árnyalatok.

Két szempontból célzó ugyanazt a tárgyat, érzékeli a szín különbség, illetve a látás szög és korreláció más beesési szögeket sugarak a felület a ide-oda.

Pszichológiai hatások színátmenetek

A szín nem csak a fizikai érzetek és nem csak attól függ, hogy az idő és térbeli helyzetét. Képek a fák, épületek, hegyek és más elemeket fordított helyzetben idézik az érzés reflexió a víz felszínén , vagy a másik felületen.

Abszolút fekete párhuzamos vonalak egy tökéletesen fehér felület falak, minden sor a teljes hosszon arányosan növekszik a vastagsága csökkentés a természetes vonalvastagság nézve a falon - mindez okoz érzés a néző, hogy a szobában egy vízszintes mennyezet.

Egy kép van írva a két, és mindegyikük képest eltolódik egymáshoz távolság a szemek között, így a hatás térbeli térfogat, ha képlágyítási megjelenés.

Ha a plakát elég nagy, és a határátkelő valójában tökéletessé, a kép a plakáton látható lesz, mint a természetes, hogy a kívánt színárnyalat, a tudat a szemlélő automatikusan csatlakozik.

Site, és mindenek felett, a tervezés és színvilág az alapvető és kiegészítő erőforrás logika, a párbeszéd, hogy a megfelelő pszichológiai hatása a látogató.

Sima átmenet révén CSS

Gradienseket létrehozott lineáris-gradiens () és radiális-gradiens (). Az első esetben, a sima színváltozást jelentkezik a vonal mentén és a második esetben - egy ellipszis vagy kör. CSS gradiens lehet beállítani a tulajdonságait háttér, background-image, border-image, list-style-image. Rátenni elemek egymáshoz, hogy meghatározzák az átláthatóság generálhat nagy árnyalatok és hozzon létre egyedi átmeneteket.

Meg kell azonban jegyezni, hogy a szín átmenet nem mindig sima. Egyes változatok színkombinációk, az értékek az átláthatóság, az elrendezést háttér adhat nemkívánatos hatások lépést.

CSS-szabályok rögzítésére háttér színátmenet

A gradienst egy sima átmenet az egyik szín a másikba. Ebben az esetben, akkor több színben. Megjegyzés: a lineáris változatát (CSS lineáris gradiens) változtatható:

Az első paraméter a dőlésszöge oldalsó vagy régióban, majd színt. Nem szükséges, hogy csak két szín, akkor felhívni a teljes szivárvány. Az átlátszóság fényelnyelés tulajdonság lehet beszerezni átfedő hatásokat.

A választott szín, a szín generátorok

A kreatív része a tervező, a fejlesztő honlapján az elmúlt években egyszerűsíteni. Ez lesz praktikus és megfelelő téglalap alakú, amely a minimális információkat, legalább a funkciót, a maximális ész és a mentális hozzáállás, hogy eladja a terméket, szolgáltatást nyújtanak, jelölje kedvezmények, minősége és / vagy jelentős különbségek a versenytársaktól.

Azonban még ilyen nehéz körülmények között, rendeletek és a korszerű web-forrás az a hely, a kreativitás és a kívánság néhány fejlesztők, hogy egy agresszív, célzott munka színes, tükrözve az értelemben a szöveg tartalmát és stílusát választotta párbeszéd. CSS gradiens került alkalmazásra gyakrabban.

Színes megoldások „Google” és a „Skype” különösen hatással volt, és a követői azonban az elmúlt években, hogy a hatóanyagot a web design elkezdte keresni az új formák, új színek és diszkrét, próbálja meg a dinamikája áramló formákat.

Az interneten számos online források (CSS gradiens generátor), ami nagyban leegyszerűsíti a munkát választott a színeket :. Angrytools, flatonika, generatecass stb Ezek segítségével lehet igazán időt takaríthat meg a kiválasztás a megfelelő színt, a vonalat átmenetek és átfedések.

Dinamikus színösszeállítás

Hagyomány, mögöttes létrehozása internetes források készült sérthetetlen szabály: a szerkezet, a tartalom és a webhely párbeszédet az ügyfél - a hatáskörébe a fejlesztő végrehajtja az akarat a tulajdonos (vevő). Megjelenése a helyszínen, a design is hagyományosan arra a tényre utal, hogy nem határozza meg az ügyfél.

Eközben a különböző eszközök egyre nő, és a családok egyes vannak különböző ígéretes példányok jelentős különbségek, nem csak a színeket, mint a felbontás és böngésző alkotja a látható tartományban.

A különböző böngészők és használt változatok is problémákat okoz a megfelelő feltérképezése CSS gradiens képességeit.

Együttesen értékelő ilyen körülmények között, és példák néhány ígéretes munka, azt lehet mondani, hogy a megjelenése a webhely csak defaultnom állam - a hatáskörébe a fejlesztő és / vagy tulajdonosa a forrás. Csak akkor, ha a felhasználó először felkeresi az erőforrás, akkor lehet, hogy értékelni tudja a design a helyén. Ha az ügyfél jónak látta, hogy emlékezzen a helyszínen, és használja azt a mindennapi életben, a vágy, hogy az eszközöket, hogy ellenőrizzék a megjelenés és a funkcionalitás teljes mértékben indokolt.

Egy ilyen súlypontja a fejlesztő ellátások átadása: nem kell, hogy vegyenek részt a végrehajtása cross-böngésző kompatibilitás, vizsgálati helyszínen különböző eszközökön különböző operációs rendszereket.

Sőt, a trend létrehoz egy közös adatbázis tényleges végrehajtása CSS szabályok különböző eszközöket. Ez még csak a kezdet, de a benne rejlő nagy jelentősége van.