Мазна градација на бојата транзиции: CSS градиент

Природни бои обично се подеднакво мазна. Но, дури и на совршено рамна површина на една солидна боја на сликата на природната боја транзиции. Секогаш ненамерно падне сончева светлина или вештачка светлина, како и промената на аголот на гледање овозможува неправилни и уникатен нијанси.

Две точки на гледање во насока на ист предмет на, гледаат на боја разлика, односно, на нивната визија агли и корелација со други агли на инциденцата на зраци на површината на напред и назад.

Психолошки ефекти на боја транзиции

Боја не е само физички сензации и не зависи само од време и положба во просторот. Слики на дрвја, згради, планини и други предмети во превртена положба потсетуваат на чувство на рефлексија во површината на водата или на друга површина.

Апсолутно црно паралелни линии на совршено бела површина ѕидови, секоја линија во текот на целиот зголемува должина во однос на намалување на дебелината на дебелината на природен линија кога се гледа на ѕид - сево ова ќе предизвика сензација во гледачот дека собата има хоризонтален таванот.

Една слика е испишан со двете, и секој од нив е поместена во однос на едни со други со растојание меѓу очите, даваат ефект на просторните волумен, доколку дефокусирачки изглед.

Ако постер е доволно голем и граничниот премин во реалноста стана совршена, сликата на постерот ќе се гледа како природен дека саканиот нијанси на боја, на свеста на гледачот ќе се поврзе автоматски.

Сајт, и над сите, неговиот дизајн и шема на бои се од суштинско значење и комплементарни логика ресурси, неговиот дијалог, направи соодветна психолошки ефект на посетителот.

Рамномерен премин преку CSS

Градиенти се создадени со линеарно-градиент () и радијална-градиент (). Во првиот случај, непречена промена на бојата се јавува по должината на линијата, а во вториот случај - на елипса или круг. CSS градиент може да се постави во внатрешноста на позадина, позадина-слика, границата на сликата, листа стил слика. Наметне елементи едни со други, дефинирање на нивната транспарентност може да генерира голема нијанси и да се создаде уникатен транзиции.

Сепак треба да се има на ум дека преминот на боја не може секогаш да биде мазна. Некои варијанти на комбинации на бои, вредностите на транспарентност, формата на страната позадина може да даде несакани ефекти чекор.

CSS правила за потекло снимање градиент

Градиент е мазна транзиција од една боја во друга. Во овој случај, можете да го користите повеќе бои. Забелешка линеарна верзија (CSS линеарна градиент) можат да бидат различни:

Првиот параметар е од страна на наклон агол или регион, проследено со боја. Не е потребно да се користи само две бои, може да се подготви целиот виножито. Примена на транспарентност непроѕирноста на имот може да се добие преклопување ефекти.

Изборот на боја, бојата генератори

Креативниот дел од дизајнер, инвеститорот сајт во последниве години поедноставен. Станува практични и соодветни правоаголна форма, содржи минимум на информации, минимум на функции, максимално чувство и ментална став да го продаде производот, да обезбеди услуга, нагласи попусти, квалитетот и / или значителни разлики од конкурентите.

Сепак, дури и во такви тешки услови, прописи и создавање на модерни веб-ресурси е место за креативност и јасна желба на некои програмери да се направи агресивна, насочени работа со боја, како одраз на чувството на содржината на текст и дијалог стилот одбрале. CSS градиент се применува почесто.

Боја решенија "Гугл" и "Скајп", особено, имаше влијание и следбениците, сепак, во последните неколку години, активна компонента на веб дизајн почна да се погледне за нови форми, нови бои и ненаметлива, обидете се со динамиката на тече форми.

На интернет постојат многу онлајн ресурси (CSS генератор градиент), кои во голема мера го поедноставува работата на изборот на бои :. Angrytools, flatonika, generatecass итн Со нивна помош, можете навистина да заштедите време за избор на вистинската боја, сметаат линија транзиции и преклопување.

Динамична шема на бои

Традиција, во основата на создавање на веб-ресурси, направи неприкосновена правило: структурата, содржината и дијалог сајт со клиентите - надлежност на инвеститорот ја спроведува волјата на сопственикот (клиент). Изглед на сајт, неговиот дизајн е, исто така, традиционално се однесува на фактот дека тоа не е определено од страна на клиентот.

Во меѓувреме, на различни уреди се зголемува и во семејствата на секој тип постојат различни ветува примероци, со значителни разлики, не само во боите, како и во решавањето и прелистувач формира видливиот регион.

А различни прелистувачи и верзии исто така се користи создава проблеми во соодветен мапирање способности CSS градиент.

Колективно оценување на овие околности, како и примери на некои ветуваат работа, може да се тврди дека појавата на сајтот defaultnom единствената држава - надлежност на инвеститорот и / или сопственикот на ресурсот. Само кога прв клиент во посета на ресурси, тоа може да биде во можност да се оцени на дизајнот на сајтот. Ако корисникот го видел способен да се потсетиме на сајт и го користат во секојдневниот живот, неговата желба да имаат средства за да го контролираат изгледот и функционалноста е целосно оправдано.

Ваков центар на гравитација на пренос на инвеститорот предности: нема потреба да се вклучат во спроведувањето на крос-пребарувачот компатибилност, тест сајт на различни уреди на различни оперативни системи.

Покрај тоа, овој тренд ќе се создаде заедничка база на податоци за реалната имплементација на CSS правила на различни уреди. Ова е само почеток, но нејзиниот потенцијал е од големо значење.