淡出效果到页面底部

Question

发现这个非常酷的网站。 http://selectize.github.io/selectize.js/ 试图找出它们如何与页面底部的不透明度一起玩，从而减少效果。

看着这个，发现这篇文章是通过覆盖图像来实现的。

https://css-tricks.com/css-trick-fade-out-the-bottom-of-pages-with-a-fixed-position-image/

但如果您看到选择性页面，他们会使用一种不使用图像文件的清洁方法。

任何人都知道怎么做？任何帮助将被赞赏想在我的项目中使用它

由于

Answer 1

该页面似乎使用下面显示的box-shadow: 0 -1px 80px 80px rgba(255, 255, 255, 0.6);元素的div css属性（在底部修复，以Themes：default ....开头），其id为{{ 1}}

快速复制@ jsFiddle

如果这是您第一次遇到盒子阴影，那么您可能想要阅读它是什么：http://www.w3schools.com/cssref/css3_pr_box-shadow.asp