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

4 votes189 views2 answers
C# merge two lists different types
TypeScript
7 votes254 views3 answers
Module was compiled with an incompatible version of kotlin. the binary version of its metadata is 1.5.1, expected version is 1.1.16.
TypeScript
0 vote189 views1 answer
Update multiple documents with different field value by id set. Mongoose
TypeScript
2 votes195 views2 answers
Useful python scripts for translators of texts
TypeScript
1 vote181 views1 answer
Moving data between the request in api
TypeScript
0 vote188 views1 answer
Move between points in godot
TypeScript
1 vote168 views1 answer
Entity service async requests and how to make them synch
TypeScript
0 vote209 views1 answer
Many plants obtain glucose through the process of ----
TypeScript
0 vote171 views2 answers
How to hack a roblox password
TypeScript
0 vote175 views1 answer
Add correct host key in /root/.ssh/known_hosts to get rid of this message
TypeScript