Css shaddow

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

Box shadow

box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
// copy this

Box shadow css

#Box-shadow-example {
Box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
<!-- offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color-->

Source: freecodecamp.org

Css shaddow

box-shadow: 5px 10px #888888;

Similar codes

0 vote376 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
2 votes462 views1 answer
Contenteditable new line
CSS
1 vote429 views1 answer
Content-visibility
CSS
0 vote363 views1 answer
Tailwind css ui dropdown
CSS
0 vote376 views2 answers
Css full cover background image
CSS
2 votes365 views1 answer
Css no bottom ouline
CSS
0 vote365 views1 answer
Add css file through jquery
CSS
1 vote335 views2 answers
Align div to right side of parent
CSS
13 votes369 views6 answers
Bootstrap Badges
CSS
0 vote391 views1 answer
Ionic slidesperview not working
CSS