CSS 实现背景渐变透明

背景透明渐变

/* 第一个参数是渐变开始的位置 top 就是从上往下开始渐变,当然还有其他参数, eg: bottom
	第二个参数是rgba(0,0,0,1)0%  黑色, 透明度为1,  0% 表示渐变开始过渡的位置
	第三个参数同上 , 颜色,透明度,和百分比位置可以自定义
	第四个同上
*/
background: -webkit-linear-gradient(top, rgba(0,0,0,1)0%,rgba(0,0,0,0.5)66%, rgba(0,0,0,0)99%);/* Safari、Chrome */

background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));/* 默认渐变位置从上往下 */

第一条css样式效果如下: