Smooth krāsu pārejas: CSS gradients

Dabas krāsas parasti ir vienādi gludas. Bet pat uz pilnīgi līdzenas virsmas vienu vienkrāsainu attēlu dabīgo krāsu pārejām. Vienmēr netīšām krist saules vai mākslīgo apgaismojumu, kā arī izmaiņas skata leņķis ļauj neregulāras un unikālas toņos.

Divi viedokļi mērķis tajā pašā objektā, uztver krāsu atšķirību, attiecīgi, viņu redzes leņķiem un korelāciju ar citiem leņķiem saslimstību no staru uz virsmas uz priekšu un atpakaļ.

Psiholoģiskā ietekme krāsu pārejām

Krāsa ir ne tikai fiziskās sajūtas, un ir atkarīga ne tikai no laika un atrašanās vieta, telpa. Attēli koki, ēkas, kalni un citus priekšmetus, kas apgrieztā stāvoklī raisa sajūtu pārdomu ūdens virsmas vai otras virsmas.

Pilnīgi melnas paralēlas līnijas uz pilnīgi baltas virsmas sienām, katrā rindā visā garumā, palielinās proporcionāli biezuma samazinājums dabas līnijas biezuma skatoties uz sienas - tas viss radīs sensāciju skatītājā, ka telpa ir horizontālu griestiem.

Viens attēls tiek ierakstīts ar diviem, un katrs no tiem ir nobīdīts attiecībā pret otru, ar attālumu starp acīm, radot efektu telpiskā apjoma, ja Defocus izskatu.

Ja plakāts ir pietiekami liels un robežpārejas patiesībā sasniedza pilnību, attēlu uz plakāta būs redzams kā dabiski, ka vēlamie toņos krāsu, apziņa skatītājs savienos automātiski.

Site, un, galvenais, tā dizainu un krāsu shēmu, ir būtiska nozīme, un papildina resursu loģika, viņa dialogs, veikt pienācīgu psiholoģisko ietekmi uz apmeklētāju.

Smooth pārejas izmantojot CSS

Slīpums ir izveidotas ar lineāro-gradientu () un radiālo gradientu (). Pirmajā gadījumā, vienmērīgu krāsu pāreju notiek pa līniju, un otrajā gadījumā - elipses vai apli. CSS gradientu var iestatīt īpašībām fona, fona-attēlu, border-attēlu, saraksta stila attēlu. Virspusē elementi viens ar otru, nosakot to caurspīdīgumu var radīt lielas toņos un izveidot unikālu pārejas.

Tomēr būtu jāpatur prātā, ka krāsu pāreja ne vienmēr var būt gluda. Daži krāsu kombinācijas varianti, vērtības pārredzamības, lapas izkārtojumu fona var dot nevēlamas blakusparādības soli.

CSS noteikumi ieraksts fona gradientu

Slīpums ir vienmērīga pāreja no vienas krāsas uz otru. Tādā gadījumā jūs varat izmantot vairākas krāsas. Piezīme lineāro versiju (CSS lineāro gradientu) var būt dažāds:

Pirmais parametrs ir slīpuma leņķis sānu vai reģions, kam seko krāsas. Nav nepieciešams izmantot tikai divas krāsas, jūs varat izdarīt visu varavīksni. Piemērojot pārredzamības necaurredzamība īpašumu var iegūt pārklāšanos ietekmi.

Izvēle krāsu, krāsu ģeneratori

Radošā daļa dizainers, attīstītājs vietā pēdējos gados vienkāršots. Tā kļūst par praktisku un atbilstošu taisnstūra forma, kas satur vismaz informāciju, vismaz funkciju, maksimālo sajūtu un garīgo attieksmi pārdot produktu, sniedz pakalpojumus, izcelt atlaides, kvalitāti un / vai būtiskas atšķirības no konkurentiem.

Tomēr pat tādos cietos apstākļiem, noteikumiem un izveidi mūsdienu tīmekļa resurss ir vieta radošumam un skaidru vēlmi dažu izstrādātājiem, lai padarītu agresīva, mērķtiecīgu darbu ar krāsu, kas atspoguļo sajūtu teksta saturu un stilu izvēlējies dialogu. CSS gradientu ir piemērots biežāk.

Krāsu risinājumi "Google" un "Skype 's", jo īpaši, bija ietekme un sekotājus, tomēr, pēdējo pāris gadu laikā, aktīvā sastāvdaļa web dizains sāka meklēt jaunas formas, jaunas krāsas un neuzkrītoši, mēģiniet dinamiku plūst formām.

Internetā ir daudzi tiešsaistes resursi (CSS gradientu ģeneratora), kas ievērojami atvieglo darbu izvēlēties pareizo krāsu :. Angrytools, flatonika, generatecass uc Ar viņu palīdzību, jūs tiešām var ietaupīt laiku uz izvēli pareizo krāsu, apsvērt līniju pārejas un pārklājumus.

Dynamic krāsu shēmu

Tradīcijas, izveidot tīmekļa resursu pamatā, izgatavots neaizskarami noteikums: struktūra, saturs un vieta dialogs ar klientu - kompetencē attīstītājs īsteno gribu īpašnieka (klientu). Parādīšanās vietā, tā dizains ir arī tradicionāli norāda uz to, ka tā nav, ko nosaka klients.

Tikmēr, dažādas ierīces pieaug, un ģimenēm katra veida ir dažādas daudzsološi paraugi, ar būtiskām atšķirībām, ne tikai ar krāsu reprodukcijas, kā šajā rezolūcijā un pārlūka veido redzamu reģionu.

Dažādas pārlūkprogrammām un versijām, ko izmanto arī rada problēmas atbilstošu kartēšanu CSS gradientu iespējām.

Kolektīvi izvērtējot šos apstākļus, un piemēri perspektīvu darbu, var apgalvot, ka izskats vietnes defaultnom tikai valsts - kompetenci attīstītājs un / vai īpašniekam resursu. Tikai tad, kad klients pirmo reizi apmeklē resursu, tā, iespējams, var novērtēt dizainu vietā. Ja klients ir uzskatījušas par vajadzīgu atcerēties vietni un izmantot to savā ikdienas dzīvē, viņa vēlme ir instrumenti, lai kontrolētu izskatu un funkcionalitāti, ir pilnībā pamatota.

Šāds smaguma centrs izstrādātāju pabalstu pārskaitījumu: nav nepieciešams iesaistīties īstenošanā pārrobežu pārlūku saderību, testa vietas dažādās ierīcēs par dažādām operētājsistēmām.

Turklāt tendence radīs kopīga datubāze faktisko īstenošanu CSS noteikumus dažādas ierīces. Tas ir tikai sākums, bet tās potenciāls ir ļoti svarīgi.