css3 box-shadow property
Translation results：
box
英[bɒks] 美[bɑ:ks]
n.Box; box-like object; box; sentry room
vt. Put... into a box [box, box]
vt.& vi.Boxing
Third person singular: boxes Plural: boxes Present participle: boxing Past tense: boxed Past participle: boxed
shadow
英[ˈʃædəʊ] 美[ˈʃædoʊ]
n.Shadow; shadow; ghost; ghost; hiding place
vt.Cast a shadow on; make hazy; track, trail; foreshadow
vi. Gradient; gloomy
adj. Shadow; shadow cabinet; informal
Third person singular: shadows Plural: shadows Present participle: shadowing Past tense: shadowed Past participle: shadowed
css3 box-shadow propertysyntax
Function: box-shadow is used to add a shadow to the box
Description: Sets or retrieves the object shadow.
box-shadow is a property in CSS3 that creates one or more drop-down shadow boxes by setting its property value
css3 box-shadow propertyexample
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance