Adding shadow to a div

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

Similar codes

0 vote115 views1 answer
Horizontal rule plus text
CSS
6 votes100 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
0 vote108 views1 answer
Css overflow smooth scroll mobile
CSS
4 votes113 views4 answers
Composer rollback to v1
CSS
11 votes114 views3 answers
Filter for css white color
CSS
32 votes106 views6 answers
Overflow css
CSS
70 votes108 views6 answers
Button href
CSS
0 vote119 views1 answer
Adding a script tag with Helmet
CSS
0 vote127 views1 answer
Move list item to left css
CSS
0 vote115 views1 answer
Adding diffent style in firefox css
CSS