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
Post a Comment