html - UI设计/开发 - 是否有可行的方法来编码多向梯度？

我今天早上一直在浏览Dribbble并found this nice UI design寻找约会应用，请看下面的截图：

现在，这是设计中不断增长的趋势，它确实看起来很棒，但实际上是否可以编码具有水平/对角线渐变和垂直淡出的元素？

如果我这样做，我可能只使用CSS，这对于颜色渐变很好，但有一种方法也可以将元素垂直淡化。我能想象到的唯一另一种方法是使用服务器端代码动态生成渐变作为图像，但我想这会使用大量服务器资源来动态重新生成。

关于其他做法的信息会很棒，我已经尝试了几个想法，但实际上还没有任何效果。

安迪