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

Css box shadow

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

Css 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;
--------------------------------------------------------------*/

Source: html-css-js.com

Css box shadow

CSS BOX SHADOW: box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;

Css box shadow

// Nice and soft box shadow for every day use
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;

Css box shadow

border-radius: 40px;
border-bottom-left-radius: 0;


background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow:  20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;

Css box shadow

box-shadow: 0 0 10px;

Source: webfx.com

Similar codes

0 vote210 views1 answer
Css animation scale image
CSS
0 vote239 views2 answers
Svg as background css
CSS
6 votes197 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
2 votes209 views1 answer
Mat slide toggle change color
CSS
2 votes202 views1 answer
Css no bottom ouline
CSS
0 vote232 views1 answer
Service Worker Navigator check
CSS
3 votes193 views2 answers
Centralize div flex
CSS
1 vote205 views1 answer
Css 2 <p> next to each other
CSS
0 vote212 views1 answer
Avatar change design html css
CSS
2 votes236 views1 answer
Background gradient problem
CSS