如何使用 CSS 将背景图像从特定点模糊到底部？

Question

我必须仅模糊背景图像的下半部分。应该是这样的，

此代码模糊了整个图像：

<style>
body {
  background-image: url('ms.png');
  background-size:100% auto;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
</style>

如何使用 CSS 来做到这一点？