Box-shadow css

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 box shadow

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

Drop shadow css

filter: drop-shadow(30px 10px 4px #4444dd);
drop-shadow(offset-x offset-y blur-radius color)

Inner box shadow

div {
     box-shadow: inset 0 0 10px #000000;
}

How to add box shadow to all sides css

div {
    box-shadow: 0 0 10px #fff;
}

Similar codes

2 votes210 views1 answer
Journalctl last 100 lines
CSS
0 vote221 views1 answer
What is integrity cdn
CSS
1 vote201 views1 answer
Html if text too long newline
CSS
0 vote186 views1 answer
Mat dialog background color
CSS
0 vote202 views1 answer
Input area bootstrap highlight
CSS
10 votes208 views5 answers
Css hr thickness
CSS
0 vote191 views1 answer
How to use css print page break with float
CSS
22 votes195 views2 answers
Disable user select css
CSS
10 votes183 views2 answers
Css list elements horizontally
CSS
0 vote194 views1 answer
No zoom viewport
CSS