背景上实现阴影——linear-gradient

/*从元素顶部有条阴影，两种方式，第二种更好，能控制阴影的宽度*/
background-image: linear-gradient(0deg, rgba(226, 226, 226, 0) 97%, rgba(0, 0, 0, 0.04) 100%);

background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0px, rgba(226, 226, 226, 0) 12px);

用角度值指定渐变的方向（或角度）。

设置渐变为从右到左。相当于: 270deg

设置渐变从左到右。相当于: 90deg

设置渐变从下到上。相当于: 0deg

设置渐变从上到下。相当于: 180deg。这是默认值，等同于留空不写。

 

转载于:https://www.cnblogs.com/yueliangcl/p/7493608.html