The box-shadow property describes one or more shadow effects as a comma-separated list. It enables you to cast a drop shadow from the frame of almost any element. If a border-radius is specified on the element with a box shadow, the box shadow takes on the same rounded corners. The z-ordering of multiple box shadows is the same as multiple text shadows (the first specified shadow is on top).
If a background-image is specified, the background-attachmentCSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.
The CSSbackground-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user.
The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.
The background-position CSS property sets the initial position for each defined background image, relative to the background position layer defined by background-origin.
The background-position-y CSS property sets the initial vertical position, relative to the background position layer defined by background-origin for each defined background image. For more information, see the background-position property, which has been widely supported for much longer.
The background-repeatCSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
The background-sizeCSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.
With CSS3, you can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back. Only the last background can include a background color.
The background-position-x CSS property sets the initial horizontal position, relative to the background position layer defined by background-origin for each defined background image. For more information, see the background-position property, which has been widely supported.
The background-size CSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size. You can scale the image upward or downward as desired.