Using transition properties through Less

Code below explains you how to use the transition properties through Less-Css.

@property: all;
@duration: 0.5s;
@effect: linear;
@Bcolor: grey;
@val: @property @duration @effect;

.transition:hover 
{
    background-color:@Bcolor;
    transition: @val;
}

'.transition' is a class selector used for the section. Above code gets you the transition property on hover of that section.