What is the function of the box-shadow attribute in css
This article mainly shows you "what is the function of the box-shadow attribute in css", the content is simple and clear, and I hope it can help you solve your doubts, so let me lead you to study and learn "what is the function of the box-shadow attribute in css" this article.
CSS3 box-shadow attribute
Purpose: box-shadow is used to add shadows to the box
Basic syntax:
Box-shadow:h-shadowv-shadowblurspreadcolorinset
Parameters:
H-shadow: the position of the horizontal shadow. Negative values are allowed.
V-shadow: the position of the vertical shadow. Negative values are allowed.
Blur: fuzzy distance, which can be omitted.
Spread: the size of the shadow can be omitted.
Color: the color of shadow, which can be omitted.
Inset: change the external shadow (outset) to the inner shadow, which can be omitted.
Description: box-shadow adds one or more shadows to the box. This attribute is a comma-separated list of shadows, each specified by 2-4 length values, optional color values, and optional inset keywords. The value for omitting length is 0.
Use the example
Div {width:300px; height:100px; background-color:#ff9900;-moz-box-shadow:10px10px5px#888888;/* old Firefox*/ box-shadow:10px10px5px#888888; margin:100pxauto;} above is all the content of the article "what is the function of box-shadow attributes in css?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
