css material design shadow

Solutions on MaxInterview for css material design shadow by the best coders in the world

Search
showing results for - "css material design shadow"
Claudia
04 Jan 2018
1/* Shadow 1dp */
2box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);
3
4/* Shadow 2dp */
5box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
6
7/* Shadow 3dp */
8box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.20);
9
10/* Shadow 4dp */
11box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);
12
13/* Shadow 6dp */
14box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.20);
15
16/* Shadow 8dp */
17box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.20);
18
19/* Shadow 9dp */
20box-shadow: 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12), 0 5px 6px -3px rgba(0,0,0,0.20);
21
22/* Shadow 12dp */
23box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px -4px rgba(0,0,0,0.20);
24
25/* Shadow 16dp */
26box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.20);
27
28/* Shadow 24dp */
29box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.20);
source
similar questions
css add a shadow beneath textmaterial design cssgive shadow all around uniformly cssbox shadow fluttermaterial css
queries leading to this page
css introduce material like shadow material design drop shadowsmaterial design shadows csscss material box shadowgoogle material design box shadowmaterial deisgn shadowmaterial shadows csssmaterial design drop shadow cssmaterial design shadowmaterial design bow shadowcss material shadowdrop shadow material designcss material design shadowbox shadow material designmaterial design shadow csssshadow material designmaterial components shadowmaterial design shadowsmaterial shadowbox shadow material design cssmaterial design box shadowmaterial design css box shadowcss box shadow materialbox shadow css material designmaterial design shadow coepenmaterial design shadow cssmaterial shadow cssmaterial css shadowmaterial desig shadowmaterial design box shadow cssmaterial design elevation shadowsbox shadow like material designmaterial design shadow valuesmaterial design default shadowmatrial design shadowgoogle material design shadow cssadd custom shadow materialmaterial design css shadowmaterial shadow csandroid make custom material design shadowcss material design shadow