Как поменять цвет текста при наведение курсора?

.right-header {
  display: flex;
  color: #292929;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}

.right-header:hover {
  color: #00CFCA;
  text-transform: 3s linear;
}
<div class="right-header">
  <ul class="li top-title">home</ul>
  <ul class="li top-title">about</ul>
  <ul class="li top-title">work</ul>
  <ul class="li top-title">process</ul>
  <ul class="li top-title">services</ul>
  <ul class="li top-title">testimonials</ul>
  <ul class="li top-title">contact</ul>
</div>


Ответы (2 шт):

Автор решения: Giga_Bird
.ul:hover{
    color:#00CFCA;
    text-transform: 3s linear;
}
→ Ссылка
Автор решения: Nikoaly Ugolnikov
.li:hover {
    color:#00CFCA;
    transition: 3s linear;
}
→ Ссылка