box shadow css
box-shadow: 3px 3px 6px 5px #ccc;
or
box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);box shadow css
box-shadow: 3px 3px 6px 5px #ccc;
or
box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);image shadow css
<!Doctype>
<html>
<head>
<style>
.img {
width: 400px;
height: 200px;
border:2px solid #fff;
background: url(img/tiger.png) no-repeat;
box-shadow: 10px 10px 5px #ccc;
-moz-box-shadow: 10px 10px 5px #ccc;
-webkit-box-shadow: 10px 10px 5px #ccc;
-khtml-box-shadow: 10px 10px 5px #ccc;
}
</style>
</head>
<body>
<div class="img"></div>
</body>
</html>box shadow css
#Box-shadow-example {
Box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
<!-- offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color-->box shadow css
#example1 {
box-shadow: 10px 10px 8px 10px #888888;
}box shadow css
/*
box-shadow: horizontal-offset | vertical-offset | blur-distance | spread-of-shadow | color
Horizontal offset: Negative values position the shadow to the left of the box.
Vertical offset: Negative values position the shadow to the top of the box.
Blur distance: If omitted, the shadow is a solid line like a border.
Spread of shadow: Positive value will cause shadow to expand in all directions, and negative value will make it contract.
*/
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);box shadow css
/* add depth to your webpage */
box-shadow: <x-offset> <y-offset> <blur-radius> <spread-radius> <color>;Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
