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

1 vote178 views1 answer
Template variables are read-only.
TypeScript
0 vote129 views1 answer
How did mississauga get its name
TypeScript
0 vote188 views1 answer
Minimum number of cycle shifts for each string if it can be made palindrome
TypeScript
2 votes192 views2 answers
How to close all ports angular
TypeScript
0 vote200 views1 answer
Elipses after hight
TypeScript
0 vote160 views1 answer
What is the blood vessel that carries oxygenand nutrients to the heart muscle tissue itslef
TypeScript
-1 vote137 views1 answer
> could not find method kapt() for arguments [androidx.room:room-compiler:2.4.1] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.defaultdependencyhandler.
TypeScript
0 vote170 views1 answer
Ggplots in r
TypeScript
0 vote169 views1 answer
Pipe angular typescript
TypeScript
0 vote201 views1 answer
Firewalld list ports redbat 8
TypeScript