Set top:0 in .colorbar-link. On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston <tom...@gmail.com> wrote:
> 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/ > ______________________________________________________________________ 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/