#64 CSS 捲動提示陰影：使用 CSS 漸層 radial-gradient 與 isolation 製作

今天我們要來製作一個捲動提示陰影效果：在捲動框的最頂端、最尾端沒有陰影，但是在捲動時有淡淡的陰影出現，提示使用者上面、下面還有內容。 DEMO: Scrolling Shadows with CSS isolation 一、原理 原理很簡單，其實是個障眼法： 整個捲動框的背景本來就有上面與下面的陰影， 在最頭、最尾用與背景相同顏色的漸層（漸層到透明）遮蓋住陰影。我們把 DEMO 中的漸層色改成與背景不同，這個原理就會很明顯了： 接著，讓我們繼續看下去怎麼製作吧！ 二、捲動框...