Multiple box shadows 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

Multiple box shadows css

.container{
  box-shadow:
    0 0 0 10px hsl(0, 0%, 80%),
    0 0 0 15px hsl(0, 0%, 90%);
}

Similar codes

3 votes173 views2 answers
How to align form buttons right
CSS
34 votes178 views1 answer
Css middle and center align div
CSS
1 vote185 views1 answer
Animated background css
CSS
1 vote173 views1 answer
Jquery css multiple line
CSS
0 vote190 views1 answer
Webpack how to disable warning when run build
CSS
9 votes175 views2 answers
Css style for the first element only
CSS
1 vote186 views2 answers
Css button style rectangle
CSS
2 votes235 views1 answer
How to distribute vertically the items in css
CSS
5 votes233 views2 answers
Remove bootstrap button outline
CSS Bootstrap
3 votes166 views1 answer
Mettre une image au milieu css
CSS