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);box shador of one border css
.myDiv
{
border: 1px solid #333;
width: 100px;
height: 100px;
box-shadow: 10px -2px 5px 0px #888;
}css box shadow right and down
.myDiv
{
border: 1px solid #333;
width: 100px;
height: 100px;
box-shadow: 10px 0 5px -2px #888;
}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-->one-sided box shadow css
.myDiv
{
border: 1px solid #333;
width: 100px;
height: 100px;
/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 10px 0 5px -2px #888;
/*
Position the shadow on the side of the element
that you want it to be, then add a negative spread radius
*/
}box shadow css
#example1 {
box-shadow: 10px 10px 8px 10px #888888;
}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
