Comment highlight css transition effect

Question

I\'m trying to accomplish the effect of when linking to a target element on another page, the target is highlighted and then fades to the default page color, aka white.

Answer 1

Use the :target pseudo-class to run a highlight animation.

The :target CSS pseudo-class represents a unique element (the target element) with an id matching the URL's fragment.

Clicking the link will change the URL's fragment identifier, so now the :target selector will point to the element with the matching id.

:target {
  border-radius: 3px;
  animation: highlight 1000ms ease-out;
}

@keyframes highlight {
  from {
    background-color: red;
  }
}

  
Required


 Click me