float in transition in css (and a good looking boxshadow)

css transition and box-shadow

#element {
  position: absolute;
  top: 102px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition-property: top,opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: top,opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
}

#element {
	top: 42px;
	opacity: 1;
	visibility: visible;
}