Smooth Hover Transform

-webkit-transition: -webkit-transform 300ms, box-shadow 300ms, opacity 300ms;
-moz-transition: -webkit-transform 300ms, box-shadow 300ms, opacity 300ms;
-ms-transition: -webkit-transform 300ms, box-shadow 300ms, opacity 300ms;
-o-transition: -webkit-transform 300ms, box-shadow 300ms, opacity 300ms;
transition: -webkit-transform 300ms, box-shadow 300ms, opacity 300ms;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);

&:hover
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
transform: translateY(-6px);
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);