Css shadow border

Css box shadow

/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

Source: developer.mozilla.org

Box-shadow css

/* Keyword values */box-shadow: none;/* offset-x | offset-y | color */box-shadow: 60px -16px teal;/* offset-x | offset-y | blur-radius | color */box-shadow: 10px 5px 5px black;/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);/* inset | offset-x | offset-y | color */box-shadow: inset 5em 1em gold;/* Any number of shadows, separated by commas */box-shadow: 3px 3px red, -1em 0 0.4em olive;/* Global keywords */box-shadow: inherit;box-shadow: initial;box-shadow: unset;

Source: developer.mozilla.org

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);
}

Css box shadow

#example1 {
  box-shadow: 10px 10px 8px #888888;
}

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);

Css shadow border

box-shadow: 0 -1px 0 0 red; /* Border top */
box-shadow: 1px 0 0 0 red; /* Border right */
box-shadow: 0 1px 0 0 red; /* Border bottom */
box-shadow: -1px 0 0 0 red; /* Border left */
box-shadow: 0 0 0 1px red; /* All the borders by using the spread properties */

Source: codementor.io

Similar codes

1 vote261 views1 answer
Transform orgin css
CSS
185 votes418 views6 answers
Attach css file to html
CSS
0 vote265 views1 answer
Not let user select in css
CSS
4 votes266 views1 answer
Footer at bottom of body
CSS
0 vote282 views1 answer
Css sign in with google
CSS
23 votes311 views5 answers
How to rotate image in css
CSS
17 votes288 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote297 views1 answer
Css saturate
CSS
0 vote231 views1 answer
Img grows up onmouseover css
CSS
2 votes266 views1 answer
Mat slide toggle change color
CSS