Soft box shadow css

Css perfect box shadow

.blog-shadow-dreamy {
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}

Source: tobiasahlin.com

Css super smooth shadow

/*Super smooth shadow*/  
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)

Source: codepen.io

Soft box shadow css

box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;

Similar codes

0 vote259 views1 answer
How to solve your coading bugs
CSS
2 votes263 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
2 votes210 views1 answer
Function debounce
CSS
1 vote278 views2 answers
Css clearfix for floats with display table and clear both
CSS
30 votes246 views4 answers
Opacity color
CSS
0 vote282 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote274 views2 answers
Autocomplete background color css
CSS
4 votes264 views2 answers
Bootstrap icons sdn
CSS Bootstrap
0 vote266 views1 answer
Css cotent tipe
CSS
0 vote265 views1 answer
Move text in a padding css
CSS