向容器的边缘添加渐变

Question

下面的容器包含一个带有X个矩形的滑块。滑块的宽度也随屏幕宽度缩放，因此随时可以看到0个或多个矩形。右侧的矩形从div中消失，没有任何填充或边距。

我正在寻找获得最佳效果的最佳方法，以使最右边的元素从边缘开始具有大约40px的渐变外观。