CSS demos

Hover over this link

Hover over this box

HTML

<a class="transition-1" href="#">Hover over this link</a>
      

CSS

.transition-1 {
  color: orange;
  transition: all 1s;
}

.transition-1:hover {
  color: green;
}