css box shadow
/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);css box shadow
/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);css shadow
.yourElement {
/* offset-x | offset-y | blur-radius | spread-radius | color */
-webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
-moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);
}adding shadow to a div
/* CSS box shadow look like paper lift up*/
/* provide shadow to all four corners */
/* source - W3Schools.com */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);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-->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
