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

7 votes249 views6 answers
Css background overlay
CSS
0 vote212 views1 answer
3D button using CSS
CSS
22 votes226 views5 answers
Grid center
CSS
50 votes184 views6 answers
Backgroud color css
CSS
0 vote217 views1 answer
Make element no styles
CSS
4 votes186 views2 answers
Gap between two flex items
CSS
0 vote192 views1 answer
Losange css
CSS
0 vote189 views1 answer
Css safari remove scrollbar
CSS
2 votes206 views3 answers
How to make a html css js editor
CSS
0 vote191 views1 answer
How to apply css on react chartjs
CSS