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

1 vote395 views1 answer
Create a animation name in css
CSS
-1 vote338 views1 answer
Asp.net set css class in code behind
CSS
3 votes332 views1 answer
Double line borders in html
CSS
64 votes346 views6 answers
Center image html
CSS
38 votes364 views6 answers
Media query min and max width for all devices
CSS
1 vote352 views1 answer
Why is my css code not working
CSS
3 votes350 views1 answer
Css backdrop filter blut
CSS
1 vote344 views1 answer
Html css landing page
CSS
5 votes392 views2 answers
Onclick reload an iframe
CSS
0 vote345 views1 answer
How to use formailze me ?
CSS