Ombres naturals i virtuals: CSS Ombra

Moltes de les coses i els fenòmens del món material percebut inconscientment, i l'efecte sobre la seva percepció - el resultat de l'aplicació del coneixement del passat. Totes les coses tenen una ombra que és natural. En major o menor grau, el disseny sempre ha reflectit la realitat de la mesura que va permetre un monitor d'ordinador.

L'evolució dels dispositius de visualització moderns ha aconseguit resultats notables, i el desig de representar les ombres dels objectes, no només va estar disponible a la forma en la que existeix en la vida real, sinó també la seva imatge d'equip nou en.

ombra de l'objecte

Pel que sembla, l'única cosa que cau en un feix de llum, ja que és el resultat de la reflexió del feix accessible percepció de l'ull. Ray "indiferent" la percepció d'un punt particular en l'espai, i que està il·luminant l'objecte es reflecteix d'ella, i aconseguir en els objectes que l'envolten, crea una obra capritxosa de llums i ombres.

propietat ombra CSS no pot transmetre la realitat de la realitat, sinó un efecte d'ombra pot ser obtingut com en el seu significat natural (en un sentit), i la nova versió de l'ordinador (no tothom té una ombra, però és possible "pensar fora").

L'ombra pot ser assignat i aquells elements que per la seva naturalesa ho fa mai tenen. El món virtual és portat al món la veritable dinàmica i noves lleis d'objectes físics i els fenòmens, tot i que potser ja hi són, simplement no obrir camí però real.

Ombra propietats CSS

L'ús de CSS és fàcil d'especificar el color desitjat. Sintaxi box-shadow s'inclou en la descripció general de l'element i té un petit nombre de paràmetres.

paràmetres d'ombra a l'ombra CSS s'especifiquen a continuació. Els canvis en els eixos X i Y, desenfocament, estirar, i el color. Els dos primers números determinen el desplaçament relatiu del membre de persiana, el tercer - el radi de desenfocament, el quart - la mida de l'ombra pel que fa a l'element.

Els números poden ser negatiu, un color es defineix d'acord amb normes comunes. Sintaxi CSS S Hadow és suportat per tots els navegadors, però en cada cas té sentit per comprovar la visualització adequada de l'ombra opció triada.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Quan utilitzant propietats de vora ombra CSS té en compte el radi seleccionat de curvatura, i fa els canvis apropiats en l'ombra resultant.

ombra de disseny

Entre Generador d'Ombra CSS eines en línia prominent. Les ombres no es refereixen al fet que simplement pot programar mitjançant la introducció d'alguns paràmetres. element de disseny associats amb el disseny general. Per determinar els valors de la dreta és molt convenient utilitzar diferents generadors. Això estalvia temps i fa possible l'ús de l'experiència d'altres desenvolupadors.

Una bona eina ofereix CSSmatic - resultat apareix de forma interactiva, i el resultat es pot obtenir directament en el codi i enganxar-lo en el seu projecte. No només es pot definir l'ombra i els seus paràmetres, però l'article del color i la textura desitjada.

Eina de Mozilla, desenvolupador, li permet obtenir en línia no només l'element de codi i l'ombra, sinó també per dissenyar el seu pseudo (: before i: after).

Naturalment, la possibilitat de CSS S Hadow no proporciona ombres a la imatge, a l'interior de l'element, però utilitzant el valor de la propietat background-color en transparent, fàcil imposar el contorn desitjat en la seva ombra i obtenir l'efecte desitjat.