CSS background color on table (for website)

Hello there.

Maybe someone can help me out.

I unterstand, that with

CSS transition

I can put on a background color and ever change it on hover on a website.

.animebox {
background-color: honeydew;
transition:background 1s
.animebox:hover {
background-color: cornflowerblue
.anime {
background-color: cornflowerblue

But I am not able to get the desired image like in the image below:

Syndicate content