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

51 votes272 views4 answers
Style scrollbar
CSS
0 vote289 views1 answer
Position images in center of container
CSS
0 vote274 views1 answer
Vuetify input change outline color
CSS
2 votes350 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
152 votes335 views6 answers
How to add bold in css
CSS
0 vote286 views1 answer
Css no purple links
CSS
24 votes310 views3 answers
Remove underline from a link css
CSS
0 vote270 views1 answer
Css grid no stretch
CSS
13 votes333 views6 answers
Tailwind center vertically
CSS
25 votes298 views5 answers
Css line spacing
CSS