Smooth värvi üleminekud: CSS gradient

Loomulikud värvid on tavaliselt ühtlaselt sile. Aga isegi täiesti tasasele pinnale ühevärviline pilt loomulik värv üleminekuid. Alati tahtmatult langeb päikesevalguse või kunstliku valgustusega, samuti muutus vaatenurk võimaldab ebaregulaarne ja ainulaadne toone.

Kaks seisukohti suunatud sama objekti, tajuvad värvi erinevust vastavalt oma nägemuse nurgad ja korrelatsiooni teiste kaldenurgad kiirte pinnal on sinna-tänna.

Psühholoogiline mõju värvi üleminekud

Värv ei ole ainult füüsiline aisting ja sõltub mitte ainult aega ja positsiooni ruumi. Pildid puud, ehitised, mäed ja muud esemed ümberpööratud asendis tekitada tunnet peegelpilti veepinnal või teisel pinnal.

Absoluutselt musta paralleelselt jooned täiesti valge pinna seinad, iga rida kogu pikkus suureneb proportsionaalselt paksuse vähendamine loodusliku joone paksus vaadatuna seinale - kõik see põhjustab tunne vaataja, et toas on horisontaalne lagi.

Üks pilt on kirjutatud koos kahe, ja igaüks neist on nihutatud teineteise suhtes, mille vaheline kaugus silmad, andes mõju ruumiline maht, kui ebateravuse ilme.

Kui poster on piisavalt suur ja piiriületuse tegelikult tehtud täiuslik, foto kohta plakatit tuleb vaadelda loomulik, et soovitud värvitoone, teadvuse vaataja ühendab automaatselt.

Saidi ja ennekõike oma disaini ja värvilahendused on oluline ja täiendav vahend loogika, oma dialoogi, tegema õige psühholoogiline mõju külastaja.

Sujuva läbi CSS

Kalded on loodud lineaarse gradiendiga () ja radiaalne-gradient (). Esimesel juhul, sileda värvimuutust toimub piki joont ning teisel juhul - ellipsi või ringi. CSS gradient saab määrata omadusi tausta, tausta pildi, piiri-pilt, list-style-image. Ülestamine elemendid üksteisega, milles määratletakse nende läbipaistvust võib tekitada suure toonid ja luua unikaalne üleminekuid.

Tuleb siiski meeles pidada, et värvi üleminek ei saa alati olla sile. Mõned variandid värvikombinatsioonid, väärtused läbipaistvus, lehekülje paigutuse taustal võib anda kõrvaltoimeid samm.

CSS reeglid salvestamise Taustakalde

Gradient on sujuv üleminek ühelt värvilt teisele. Sel juhul saate kasutada mitut värvi. Märkus lineaarse versioon (CSS lineaarne gradient) võib varieeruda:

Esimene parameeter on kaldenurk küljel või piirkonnas, millele järgneb värvi. Ei vaja kasutada vaid kaks värvi, saate joonistada kogu vikerkaar. Rakendades läbipaistvuse läbipaistmatus vara saab dubleerivat mõju.

Värvivalik, värvi generaatorid

Loominguline osa projekteerija, arendaja site viimastel aastatel lihtsustatud. See muutub praktiline ja asjakohane ristkülikukujuline, mis sisaldab vähemalt teavet, vähemalt funktsioonide maksimaalne mõttes ja vaimse hoiaku müüa toodet, teenust osutama, esile soodustust, kvaliteedi ja / või olulisi erinevusi konkurentide.

Kuid isegi sellisel rasketes tingimustes, määruste ja loomise kaasaegse veebi-ressurss on koht loovust ja selge soov mõned arendajad teha agressiivne, eesmärgistatud värvi, kajastades mõttes teksti sisu ja stiili valitud dialoogi. CSS gradient on kohaldatud sagedamini.

Värvilahuseid "Google" ja "Skype", eelkõige mõjutas ja järgijaid, aga viimase paari aasta jooksul, aktiivne komponent veebidisain hakkas otsima uusi kujundeid, uusi värve ja märkamatu, proovige dünaamika voolab vorme.

Internetis on palju online ressursse (CSS gradientgeneraatoriga), mis lihtsustab oluliselt töö õigete värvide :. Angrytools, flatonika, generatecass jne Nende abil saab tõesti säästa aega valikut õige värv, arvame, et rida üleminekuid ja kihtide.

Dynamic värvilahendused

Traditsioon, asutamise aluseks web-ressursside tehtud puutumatu reegel: struktuuri, sisu ja saidi dialoogi kliendiga - pädevuse arendaja rakendab omaniku tahtest (kliendi). Välimus saidi, selle ülesehitus on ka traditsiooniliselt viitab asjaolule, et see ei ole määrab klient.

Vahepeal erinevaid seadmeid kasvab ja perekondadele iga on erinevaid paljutõotav isendeid, olulisi erinevusi, mitte ainult värvide reproduktsiooni, nagu eraldusvõime ja brauseri moodustab nähtava piirkonna.

Erinevaid brausereid ja versioone kasutada ka tekitab probleeme piisava kaardistamine CSS gradient võimeid.

Kollektiivselt Nende asjaolude hindamisel ja näited lootustandvalt tööd, võib väita, et välimus saidile vaid defaultnom riik - pädevuse arendaja ja / või omanik ressurss. Ainult siis, kui klient esimese külastab ressurss, see võib olla võimalik hinnata Saidi kujundus. Kui klient on pidanud mäleta saidi ja kasutada seda oma igapäevaelus, tema soov on olemas vahendid, välimust ja funktsionaalsust on igati õigustatud.

Selline raskuskeskme arendaja kasu üleandmise: ei ole vaja tegeleda rakendamise piiriülese brauseri ühilduvuse, test site erinevates seadmetes erinevates operatsioonisüsteemides.

Lisaks trendi luua ühise andmebaasi tegelik rakendamine CSS reeglid erinevate seadmete. See on alles algus, kuid tema potentsiaal on väga oluline.