Property names that are prefixed with --, like --example-name, represent custom properties that contain a value than can be reused throughout the document using the (var()) function.
The animation-delayCSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.
The animation-nameCSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.
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.