cool box shadow effects css
box-shadow: 2px 2px 2px gray, -2px -2px 5px white;
// dreamy smooth
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.034), -2px -2px 5px white,
inset 2px 2px 3px gray, inset -3px -5px 5px white;
// pressed dreamy smooth
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset,
rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;creating drop shadow css
<html>
<style type="text/css">
.box {
position: relative;
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;
}
.box:after {
position: absolute;
width: 64%;
height: 12%;
left: 18%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
</style>
<body>
<div class="box">
<img src="img.jpg" />
</div>
</body>
<html>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
