Transicións de cores suaves: gradiente CSS

As cores naturais son xeralmente uniformemente liso. Pero aínda nunha superficie perfectamente plana dunha imaxe cor sólida das transicións de cores naturais. Sempre querer caer luz solar ou iluminación artificial, así como o cambio no ángulo de visión permite Escala irregulares e únicas.

Dous puntos de vista volta para o mesmo obxecto, entender a diferenza de cor, respectivamente, dos seus ángulos de visión e correlación con outros ángulos de incidencia dos raios na superficie do para alí e para aquí.

efectos psicolóxicos de transicións de cores

A cor é non só as sensacións físicas e non depende só do tempo e posición no espazo. Imaxes de árbores, edificios, montañas e outros elementos nunha posición invertida evocar a sensación de reflexión na superficie da auga ou na outra superficie.

liñas paralelas absolutamente negras sobre un muro de superficie perfectamente brancas, cada liña ao longo do todo o aumento de lonxitude en proporción coa redución do grosor da espesor da liña natural cando visto en unha parede - todo isto pode causar unha sensación no visor que o cuarto ten un teito horizontal.

Unha imaxe é inscrito cos dous, e cada un deles é desprazado respecto un ao outro por unha distancia entre os ollos, dando o efecto de volume espacial, se defocus ollar.

Se o cartel é grande abondo ea pasaxe da fronteira, en realidade, se perfecciona, a imaxe no cartel será visto como natural que os tons desexados de cor, a conciencia do observador conectarase automaticamente.

Sitio, e por riba de todo, o seu deseño e esquema de cores son lóxica recurso esencial e complementaria, o diálogo, facer o efecto psicolóxico adecuado sobre o visitante.

transicións suaves través CSS

Os gradientes son creados con gradiente lineal () e radial de gradiente (). No primeiro caso, un cambio suave de cor prodúcese ao longo da liña e, no segundo caso - dunha elipse ou círculo. gradiente CSS pode ser definido nas propiedades do fondo, imaxe de fondo, border-image, list-style-image. Superpoñendo elementos entre si, que define a súa transparencia pode xerar grandes máscaras e crear transicións únicas.

Con todo, debe ter en conta que a transición de cor non pode ser sempre suave. Algunhas variantes de combinacións de cores, os valores de transparencia, fondo esquema de páxina pode dar paso efectos indesexables.

regras de CSS para gradiente de fondo gravación

O gradiente é unha transición suave de cor a outra. Neste caso, pode utilizar varias cores. Nótese a versión lineal da (gradiente lineal CSS) pode ser variada:

O primeiro parámetro é beira ángulo da inclinación ou rexión, seguido de cor. Non é necesario usar só dúas cores, pode debuxar todo o arco da vella. Aplicando propiedade transparencia a opacidade poden ser obtidos efectos sobrepostos.

A elección da cor, os xeradores de cor

A parte creativa do deseño, lugar do colaborador nos últimos anos simplificada. Fai-se de forma práctica e axeitada rectangular, cun mínimo de información, un mínimo de funcións, a sensación máxima e actitude mental para vender o produto, prestar un servizo, centrado descontos, calidade e / ou diferenzas significativas de competidores.

Con todo, mesmo en condicións tan difíciles, regulamentos e creación de web-recurso moderno é un lugar para a creatividade e un desexo claro de algúns desenvolvedores para facer un traballo agresivo, alvejado con cor, que era o sentimento do contido do texto e do diálogo estilo elixido. gradiente CSS foi aplicado con máis frecuencia.

solucións de cor "Google" e "Skype de", en particular, tivo un efecto e os seguidores, con todo, no último par de anos, a compoñente activa do deseño web comezou a buscar novas formas, novas cores e discreto, proba a dinámica das formas fluídos.

En Internet hai moitos recursos en liña (CSS Xerador de gradiente), o que simplifica a tarefa de escoller as cores correctas:. Angrytools, flatonika, generatecass etc. Coa súa axuda, pode realmente aforrar tempo na selección da cor correcta, considerada as transicións de liña e solapes.

esquema de cores dinámica

Tradición, subxacente á creación de web-recursos, fixo regra inviolable: a estrutura, contido e diálogo local co cliente - a competencia do creador aplica a vontade do propietario (cliente). Aspecto do sitio web, o seu deseño é tamén tradicionalmente refírese ao feito de que non está determinado polo cliente.

Mentres tanto, unha variedade de dispositivos é evidente, e nas familias de cada tipo existen varios especímenes prometedores, con diferenzas significativas, non só na reprodución de cores, como na resolución e navegador constitúe a rexión do visible.

Unha variedade de navegadores e versións utilizadas tamén crea problemas nun mapa axeitada das capacidades de gradiente CSS.

Colectivamente avaliación destas circunstancias, e exemplos de algúns traballos prometedores, pódese argumentar que o aspecto do sitio só defaultnom Estado - a competencia de desenvolvemento e / ou propietario do recurso. Só cando un cliente visita por primeira vez o recurso, pode ser capaz de avaliar o deseño do sitio web. Se o cliente pensou por ben me lembra o sitio web e usalo na súa vida cotiá, o seu desexo de ter as ferramentas para controlar o aspecto e funcionalidade é plenamente xustificada.

Este centro de gravidade da transferencia de beneficios para desenvolvedores: hai necesidade de se involucrar na implantación de compatibilidade cross-browser, lugar de proba en diferentes dispositivos en diferentes sistemas operativos.

Ademais, a tendencia vai crear unha base de datos común para a posta en marcha efectiva de regras CSS para diferentes dispositivos. Este é só o comezo, pero o seu potencial é de gran importancia.