Answers for "cool animation with box shadow css"

box shadow css animation

.box-shadow {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease-in-out;
}

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;