淡出对页面底部的影响

Question

找到这个非常酷的网站。 http://selectize.github.io/selectize.js/ 试图弄清楚他们如何使用不透明度朝向页面底部发出淡淡的效果。

看着这个，发现这篇文章，通过叠加一个图像。

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

但如果你看到selectize页，他们使用的是不使用的图像文件的方法清洁。

任何人都知道如何？任何帮助，将不胜感激想用它在我的项目

感谢

Answer 1

该网页似乎做的是与下面看到div元（固定在底部与主题开始的box-shadow: 0 -1px 80px 80px rgba(255, 255, 255, 0.6); CSS属性：默认....），具有ID theme-selector

快速繁殖@jsFiddle

如果这是你第一次遇到的box-shadow，那么你可能需要阅读它是什么：http://www.w3schools.com/cssref/css3_pr_box-shadow.asp