box shadow
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
// copy thisbox shadow
/* Card Shadow with 2 layers */
.has-shadow{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}box shadow
/*// https://html-css-js.com/css/generator/box-shadow
--------------------------------------------------------------*/
-webkit-box-shadow: 5px 5px 15px 5px #000000;
-moz-box-shadow: 5px 5px 15px 5px #000000;
box-shadow: 5px 5px 15px 5px #000000;
/*// offset-x | offset-y | blur-radius | spread-radius | color
box-shadow: 5px 5px 15px 5px #000000;
--------------------------------------------------------------*/box shadow
/* offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color */
selector {
box-shadow: offset-x offset-y (blur-radius and/or spread-radius=optional) color;
}
/* Example */
.test-shadow {
box-shadow: 4px 4px 20px 0px #0000003d;
}box shadow
// original
box-shadow: 10px 10px 8px 10px #888888;
// html attribute
style="box-shadow: 10px 10px 8px 10px #888888;"box shadow
/* offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color */
selector {
box-shadow: offset-x offset-y (blur-radius and/or spread-radius=optional) color;
}
/* Example */
.test-shadow {
box-shadow: 4px 4px 20px 0px #888888;
}box shadow
/*--- box shadow ---*/
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);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
