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

34 votes157 views6 answers
Css visibility
CSS
1 vote157 views1 answer
Calculate min number in css
CSS
0 vote236 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote176 views1 answer
Change color to white svg with filter
CSS
20 votes180 views3 answers
Center align div vertically and horizontally css
CSS
0 vote155 views2 answers
Css not clickable
CSS
50 votes151 views5 answers
Child css
CSS
59 votes166 views6 answers
Remove underline from link css
CSS
2 votes147 views1 answer
Posicionar div centro da tela
CSS
6 votes156 views5 answers
Flutter print
CSS