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

56 votes216 views6 answers
Center with css
CSS
0 vote186 views1 answer
Css contain property
CSS
0 vote241 views1 answer
Kill docker by image name
CSS
4 votes191 views1 answer
Height 100% of the screen
CSS
0 vote183 views1 answer
Sticky header not working chrome
CSS
1 vote206 views1 answer
Animated background css
CSS
0 vote196 views2 answers
How to evenly space icons in a div css
CSS
11 votes199 views2 answers
Css display
CSS
20 votes217 views3 answers
Center align div vertically and horizontally css
CSS
4 votes252 views1 answer
Bootstrap file select class
CSS Bootstrap