当前位置 : 主页 > 网页制作 > html >

渐变的背景色

来源:互联网 收集:自由互联 发布时间:2021-06-12
背景色的渐变 1)线性渐变 background: -webkit-linear-gradient(60deg,#fff 10%, #f00 30%, #0f0 50%, #00f 70%, #000); 通过色号进行背景色线性渐变 background: -webkit-linear-gradient(left top, rgba(122,156,233,.6) 30%, rgb

背景色的渐变

1)线性渐变

background: -webkit-linear-gradient(60deg,#fff 10%, #f00 30%, #0f0 50%, #00f 70%, #000);

通过色号进行背景色线性渐变

background: -webkit-linear-gradient(left top, rgba(122,156,233,.6) 30%, rgb(255,12,222) 60%, green 80%, #fff);

通过rgb进行背景色线性渐变

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#abcdef‘,endColorstr=‘#f44add‘,GradientType=‘0‘);

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#ffffff‘,endColorstr=‘#000000‘,GradientType=‘1‘);

通过filter进行设置

网友评论