List,
I'm trying to add a hover to a block-styled link. I want to transition the
'top' position of the element on hover with easing but I can't get it to
happen with the easing. Where am I going wrong?
.colorbar-link{
position: relative;
background-position: 96% 50%;
background-repeat: no-repeat;
background-size: 19px 35px;
padding: 25px 45px 25px 5%;
transition: all 0.5s ease;
box-shadow: 0 5px 15px rgba($grey, .8);
}
.colorbar-link:hover{
text-decoration: none;
top: -2px;
box-shadow: 0 11px 20px rgba($grey, .6);
}
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
