5:09 28.08.2018
Доброй ночи, друзья!
Ссылка при наведении курсора, тут же меняет цвет, этот эффект устанавливается классами стиля:
Как сделать, чтобы ссылка изменяла цвет плавно, а не резко? Спасибо.
Ссылка при наведении курсора, тут же меняет цвет, этот эффект устанавливается классами стиля:
a {
color: #xxxxxx;
}
a:hover {
color: #yyyyyy;
}
Как сделать, чтобы ссылка изменяла цвет плавно, а не резко? Спасибо.
- Жалоба
10:44 28.08.2018
Для плавно изменения цвета, или, как правильнее называть трансформации используется свойство: transition. В свой класс вставьте это свойство:
И будет Вам счастье. Цифра
a {
color: #xxxxxx;
transition: all 2s ease;
}
a:hover {
color: #yyyyyy;
transition: all 2s ease;
}
И будет Вам счастье. Цифра
2
- означает время трансформации в секунда, можете задать свое.