Muchas cosas y fenómenos del mundo materialse perciben inconscientemente, y el efecto de su percepción es el resultado de la aplicación del conocimiento del pasado. Todas las cosas tienen sombras, es natural. Hasta cierto punto, el diseño siempre ha reflejado la realidad en la medida en que el monitor de la computadora lo permitió.
Evolución de dispositivos de visualización modernosha logrado resultados sorprendentes, y el deseo de representar las sombras de los objetos no solo está disponible en la forma en que está presente en la vida real, sino también en su nueva reflexión por computadora.
Al parecer, solo lo que un rayo de luz cae, porquecómo exactamente el resultado del reflejo del rayo es accesible a la percepción del ojo. El rayo es "indiferente" a la percepción desde un punto particular en el espacio, y cuando ilumina un objeto, se refleja desde él, y cuando golpea los objetos circundantes, crea un juego caprichoso de luz y sombras.
La propiedad Shadow CSS no puede transmitir la realidadpero el efecto de sombra se puede obtener tanto en su significado natural (en cierto sentido) como en la nueva versión de la computadora (no todo tiene una sombra, pero se puede "pensar").
Shadow se puede asignar a aquellos elementos que sonsu naturaleza no lo tiene en absoluto. El mundo virtual trajo al mundo dinámicas reales y nuevas leyes físicas de objetos y fenómenos, aunque, tal vez, ya están allí, simplemente aún no se han descubierto de una manera real.
Usar CSS para especificar la sombra deseada es muy simple. La sintaxis de box-shadow se incluye en la descripción general del elemento y tiene un pequeño número de parámetros.
Las opciones de sombreado en Shadow CSS se establecen mediante el siguientecamino Cambios en X e Y, desenfoque, estiramiento y color. Los primeros dos números determinan el desplazamiento de la sombra en relación con el elemento, el tercero - el radio del desenfoque, el cuarto - el tamaño de la sombra con respecto al elemento.
Los números pueden ser negativos, el color está especificado por reglas comunes. Sintaxis STodos los navegadores soportan CSS de hadow, pero en cada caso tiene sentido comprobar la visualización adecuada de la opción de sombra seleccionada.
Al usar la propiedad sombra de borde CSS toma en cuenta el radio de curvatura seleccionado y realiza los cambios apropiados en la sombra resultante.
Entre las herramientas CSS en línea Shadow Generator toma un lugar prominente.Las sombras no se refieren a lo que puede simplemente programar especificando algunos parámetros. El diseño del elemento está relacionado con el diseño general. Para determinar los valores deseados, es muy conveniente usar diferentes generadores. Esto ahorra tiempo y hace posible usar la experiencia de otros desarrolladores.
Una buena herramienta ofrece CSSmatic -el resultado se presenta de forma interactiva, y el resultado se puede obtener de inmediato en el código e insertarse en su proyecto. Aquí no solo puede determinar la sombra y sus parámetros, sino también el color y la estructura reales del elemento deseado.
La herramienta de Mozilla, Developer, ofrece la oportunidad de entrar en modo interactivo no solo el código y la sombra del elemento, sino también para diseñar sus pseudo-elementos (: antes y después).
Naturalmente, las posibilidades de Sshadow CSS no da sombra a la imagen,pero al usar la propiedad de color de fondo en el valor transparente, puede superponer fácilmente la ruta deseada en su sombra y obtener el efecto deseado.
