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 vote69 views1 answer
Ts array key value
TypeScript
4 votes101 views2 answers
Unity rigidbody constraints unfreeze
TypeScript
0 vote107 views1 answer
Property 'router' does not exist on type 'LoginComponent' nativescript
TypeScript
38 votes107 views2 answers
Npm ng.ps1 cannot be loaded because running scripts is disabled on this system grepper
TypeScript
0 vote107 views1 answer
Regex exec returns null
TypeScript
0 vote109 views1 answer
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.40 and higher. The following dependencies do not satisfy the required version: project ':video_compress' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.3.31
TypeScript
0 vote123 views1 answer
How to git pull all projects in a folder
TypeScript
0 vote98 views1 answer
Stack function in typescript \
TypeScript
0 vote103 views1 answer
Ts add property to interface
TypeScript
0 vote103 views1 answer
Await constructor typescript
TypeScript