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 vote352 views2 answers
Text-align transform
CSS
0 vote338 views2 answers
Css counters
CSS
0 vote365 views1 answer
Css custom easing
CSS
0 vote337 views4 answers
How to chose tailwindcss while creating larevel project
CSS
-1 vote328 views1 answer
Use w3 css on your website
CSS
0 vote309 views1 answer
Ignore default css for react Link
CSS
0 vote325 views1 answer
Souligner titre css
CSS
0 vote331 views1 answer
Css hover change more than one element
CSS
0 vote345 views1 answer
Ausgewählter text farbe ändern css
CSS
7 votes354 views3 answers
Change font awesome icon color
CSS