Cool box shadow effects 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

Cool box shadow effects css

box-shadow: 2px 2px 2px gray, -2px -2px 5px white;
// dreamy smooth

box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.034), -2px -2px 5px white,
		inset 2px 2px 3px gray, inset -3px -5px 5px white;
// pressed dreamy smooth

box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset,
		rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;

Similar codes

0 vote221 views1 answer
Property 'length' does not exist on type 'T'
TypeScript
5 votes229 views1 answer
Requirements of fortnite
TypeScript
0 vote264 views1 answer
'`pydot` failed to call GraphViz.' OSError: `pydot` failed to call GraphViz.Please install GraphViz (https://www.graphviz.org/) and ensure that its executables are in the $PATH.
TypeScript
19 votes271 views4 answers
Number of digits in a number python
TypeScript
0 vote240 views1 answer
Scss all elements inside
TypeScript
2 votes233 views1 answer
Vue\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote242 views1 answer
How to clear all products woocommerce keep category
TypeScript
0 vote272 views1 answer
Reverse a string if its value its greater than 3
TypeScript
0 vote237 views1 answer
Update object in array in ngxrx store in angular
TypeScript
1 vote257 views1 answer
How to install typescript in visual studio code
TypeScript