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

1 vote115 views1 answer
Css on hover do something to children
CSS
72 votes125 views4 answers
White rgb color
CSS
0 vote123 views1 answer
Bootstrap popover style width
CSS
18 votes144 views6 answers
Css box sizing
CSS
0 vote110 views1 answer
Como fazer listrada css
CSS
0 vote128 views1 answer
Bootsrap view only landscape
CSS
0 vote111 views1 answer
Css wrap text next line align right
CSS
2 votes113 views1 answer
@media prefers-color-scheme
CSS
11 votes121 views2 answers
How to change image position in css
CSS
0 vote114 views1 answer
Css textarea set max characters
CSS