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

8 votes234 views2 answers
Html how to change highlight color
CSS
17 votes217 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
15 votes234 views2 answers
Span cursor pointer
CSS
39 votes223 views4 answers
Background image height and width
CSS
1 vote234 views1 answer
How to validate mail adress css
CSS
0 vote247 views1 answer
Css remove scrollbar from body
CSS
0 vote225 views1 answer
Souligner titre css
CSS
0 vote219 views1 answer
Include css typo3
CSS
5 votes235 views2 answers
Css especifico para safari
CSS
6 votes230 views3 answers
How to add a background overlay in css
CSS