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 vote123 views4 answers
How to chose tailwindcss while creating larevel project
CSS
4 votes182 views6 answers
Aos library
CSS
0 vote130 views3 answers
To build this project, accept the SDK license agreements and install the missing components using the Android Studio SDK Manager.
CSS
0 vote167 views1 answer
Css contour
CSS
0 vote132 views1 answer
Disable line breaking html span
CSS
-1 vote81 views1 answer
Responsiveness in bootstrap
CSS
-1 vote118 views1 answer
Purge tailwind css
CSS
0 vote149 views1 answer
Css os dependent font family
CSS
43 votes118 views6 answers
Css font color
CSS
3 votes150 views1 answer
Css scaling border radius
CSS