You are here

Hover effect on Div with transition CSS

.div-class-name{
width: 80%;
padding: 0 0 0 0;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
}

.div-class-name:hover{

-webkit-box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
-moz-box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
}

Great resource:
CSS3 Hover Effect Transitions, Transformations, Animations
http://james-star.com/answers/en/css3-hover-effect-transitions-transform...