渐变设计在背景的使用，可以体现出良好的视觉吸引力，帮助用户理解设计所表达的内容。在文本字体的中使用可以营造出一个吸引人的焦点，快速吸引注意力。渐变使用在图片上的时候就可以使图片更加出彩，从而导致整个网站在视觉上也加分不少。渐变的使用不仅可以引导浏览者的视线还可以令人记忆较为深刻。所以在网站的制作中也不可以避免的应用到。

css3能实现的渐变效果有线性渐变、径向渐变、重复的线性渐变、重复的径向渐变，在网站制作的过程中，经常需要用到，有的是作用做背景图上，有的作用在字体上，有的直接作用在图片上，当需要作用在背景和字体上时，就需要用到css 3做线性的渐变或者径向的渐变，具体的需要根据设计而定。

to left：设置的线性渐变是从右到左的，也是等于: 270deg

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

to right：设置的线性渐变是从左到右的，也是等于: 90deg

to top：设置的线性渐变是从下到上的，也是等于: 0deg

to bottom：设置的线性渐变是从上到下的，也是等于: 180deg。这是默认值，相当于不设置。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

background-image: repeating-linear-gradient(#34b168, #8fc320 10%, #346bae 20%);

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

shape形状，可以设置为是 circle 或 ellipse，默认是ellipse。

size是渐变的大小，可以设置closest-side、farthest-side、closest-corner和farthest-corner。

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

background-image: repeating-radial-gradient(#34b168, #8fc320 10%, #346bae 20%);

河南亿宏世纪网络科技有限公司，专注于互联网+品牌整合营销，公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队，专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队，针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平，旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念，我们不仅提供优质的网络技术和云端供应链服务，而且还在产品的选择、应用等方面提供专业的咨询与售后服务。