Previous Message
Next Message

Transform

Sent by Chris Rockwell on 5 August 2016 16:04


Set top:0 in .colorbar-link.

On Fri, Aug 5, 2016 at 11:43 AM Tom Livingston [EMAIL-REMOVED]> 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 [EMAIL-REMOVED]]
> 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 [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: