Плавное изменение цвета при наведении курсора на элемент (CSS)

Доброй ночи, друзья!
Ссылка при наведении курсора, тут же меняет цвет, этот эффект устанавливается классами стиля:
a {
    color: #xxxxxx;
}

a:hover {
    color: #yyyyyy;
}

Как сделать, чтобы ссылка изменяла цвет плавно, а не резко? Спасибо.

Похожие темы

Для плавно изменения цвета, или, как правильнее называть трансформации используется свойство: transition. В свой класс вставьте это свойство:
a {
    color: #xxxxxx;
    transition: all 2s ease;
}

a:hover {
    color: #yyyyyy;
    transition: all 2s ease;
}

И будет Вам счастье. Цифра 2 - означает время трансформации в секунда, можете задать свое.
Скорпион, респект Вам и уважуха! Спасибо. Не мог найти свойство, искал не потому запросу.