Давайте рассмотрим один из эффектов, это как плавно изменить цвет ссылки при наведении на неё указателя курсора. Где вы как веб разработчик можете сами выставить временный отсчет, чтоб сделать плавным или сильно затянутым. Но думаю как поставлено transition: 1s, что отвечает за время изменение, то станет самым нормальным по скорости, это не сильно быстрее изменение идет и не затягивает.
CSS
Код
a {
color: #0d0de6; /* Синий цвет ссылок */
transition: 1s; /* Время изменения */
}
a:hover {
color: #ec0ecf; /* Красный цвет ссылки*/
}
Изначально задали синий оттенок для ключевого слово, которое под ссылкой, где плавно перейдет в алый цвет.
Демонстрация
