.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); }

css perfect box shadow

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;

cool box shadow effects css

Similar Code Examples