如何使用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？