Плавная смена цвета ссылки при наведении

by knowonline

HTML

<p>Эффект плавной смены цвета при наведении на ссылку</p>
<a href="#">HTML 5</a> и <a href="#">CSS 3</a>

<!-- Пример сайта know-online.com -->

CSS

body {
    font-family: verdana;
    font-size: 14px;
}

a {
    color: blue;
    font-size: 24px;
    text-decoration: none;
    
    /* задать анимацию для свойства color */
    transition: color 0.4s;
}

a:hover {
    color: red;
}