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:
https://drive.google.com/file/d/1c5CmmHm8a9FV8tIoUy23AnWzRLP9VE9M/view?usp=sharing

Syndicate content