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

0 vote385 views1 answer
Media-queries
CSS
0 vote351 views1 answer
Css vertical align with flexbox
CSS
23 votes368 views5 answers
Flip image css
CSS
9 votes355 views3 answers
Css table flex
CSS
266 votes580 views2 answers
Font awesome 5 pro cdn link
CSS
0 vote413 views1 answer
Farther of genetics
CSS
46 votes390 views2 answers
Customize scrollbar
CSS
0 vote363 views1 answer
Css scroll height if screen too small
CSS
0 vote356 views1 answer
Body{text-align: center;}
CSS
0 vote330 views1 answer
Make the first item at the very top of the screen
CSS