css - Transition between :hover and leaving :hover? -


so i'm trying pagination slide smoothly on over hover , slide original position once mouse taken off element. i've gotten slide @ hover, when mouse off button, snaps instead of transitioning. can me fix this?

here code.

#pagination {    width: auto;    margin-top: 4px;    font-size: 40px;    height: auto;    border-left: 5px solid #2f4f4f;    border-right: 1px solid #2f4f4f;    text-shadow:     -1px 1px #000000;    -2px 2px #000000;    -3px 3px #000000;    background: #ffffff;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;     }  #pagination :hover {     background: #2f4f4f;     border-left: 15px solid #2f4f4f;     border-right: 1px solid #7a8b8b;     width: auto;    -webkit-transition: 0.5s ease-in-out;    -moz-transition: 0.5s ease-in-out;    -o-transition: 0.5s ease-in-out;     } 

the :hover needs specified after element, without space.

#pagination :hover 

to

#pagination:hover 

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -