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

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

a:hover {
    color: #yyyyyy;
}

Как сделать, чтобы ссылка изменяла цвет плавно, а не резко? Спасибо.
Scorpion
28.08.2018 07:44:03 am
Для плавно изменения цвета, или, как правильнее называть трансформации используется свойство: transition. В свой класс вставьте это свойство:
a {
    color: #xxxxxx;
    transition: all 2s ease;
}

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

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