Link hover animation

When hovering over an element it often changes appearence. To make it smooth you can add an animation.

.element {
  background: red;
  transition: all 0.3s ease;
}

.element:hover {
  background: green;
}