淡出對頁面底部的影響

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