css中的渐变色和突变

代码:

目前创新互联建站已为上1000+的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、敦煌网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

css中的渐变色和突变

效果:

css中的渐变色和突变







*{
margin: 0;
padding: 0;
}
/*2个色的渐变*/
.box{
width: 600px;
height: 100px;
background:linear-gradient(to right, red ,green);
}
/*2个色的突变*/
.box2{
width: 600px;
height: 100px;
background:linear-gradient(to right,red 50%,green 50%);
}
/*3个色的渐变*/
.box3{
width: 600px;
height: 100px;
background:linear-gradient(to right,red,green,blue);
}
/*3个色的突变*/
.box4{
width: 600px;
height: 100px;
background:linear-gradient(to right,
red   0,
red   33.333%,
green 33.333%,
green 66.666%,
blue  66.666%,
blue  100%
);
}

总结:

1 按此规律，多个色块的突变一样可以实现出来

2 第一个参数可以为: to right , to left , to bottm ,to top

3 第一个参数还可以为角度: 120deg。度数增大，顺时针旋转，度数减小，逆时针旋转

css中的渐变色和突变

该效果是：

css中的渐变色和突变

当前名称：css中的渐变色和突变
分享URL：http://lszwz.com/article/jpipeo.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

温江网站设计成都虚拟主机成都网站推广南宁旺客科技川西大数据中心成都营销网站建设手提袋印刷制作绵竹网站建设界面设计手机网站制作

乐山网站建设

css中的渐变色和突变

其他资讯

联系我们

135-1821-9792

028-86922220

快捷导航

二维码

友情链接交换友情链接

乐山网站建设

css中的渐变色和突变

其他资讯

联系我们

135-1821-9792

028-86922220

快捷导航

二维码

友情链接 交换友情链接

友情链接交换友情链接