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 vote379 views2 answers
Python convert long floats to usd
TypeScript
0 vote371 views1 answer
Give each of the radio and checkbox inputs the value attribute. Use the input label text, in lowercase, as the value for the attribute.
TypeScript
14 votes332 views4 answers
React input onchange typescript
TypeScript
3 votes360 views1 answer
Npm uninstall all
TypeScript
16 votes364 views4 answers
Npx create-next-app typescript
TypeScript
0 vote304 views1 answer
How to push value in empty array in typescript
TypeScript
1 vote329 views1 answer
Axios multiple request
TypeScript
0 vote322 views1 answer
Java 8 collect multiple lists into single list
TypeScript
1 vote341 views2 answers
Merge arrays angular
TypeScript
5 votes324 views3 answers
Typescript convert date to string format dd/mm/yyyy
TypeScript