在css3中创建从底部到顶部的灰度效应。

I need to make a picture from gray scale to rgba with CSS. I know I can change it with CSS3, But I need a smooth animation there. I need to fill the color from bottom to top with an animation. I am attaching an image to make it clear.I need to make a picture from gray scale to rgb