How can you make an animation of a picture?

Question

css

The essence of the animation is that there is a map, initially it is transparent, and you need the gradient to gradually color the entire map, how can this be done?

Answer 1

@keyframes animated {
0% { background-color: #fff0; }
50% { background-color: #ffffff7d; }
100% { background-color: #fff; }
}
And add the animated class to the desired block.