Easing hover link

easing-hover-link-mixin.less

.transition (@transition: all 0.2s ease-in) {
  transition: @transition;
  -moz-transition: @transition;
  -o-transition: @transition;
  -webkit-transition: @transition;
}

//Usage : .transition(background 0.5s ease-in);

easing-hover-link.css

a {
    background: #333;
    color: #fff;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
 
a:hover {
    background: #999;
    color: #000;
}