CSS3如何实现径向渐变效果

这篇文章将为大家详细讲解有关CSS3如何实现径向渐变效果，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

站在用户的角度思考问题，与客户深入沟通，找到沈河网站设计与沈河网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：网站设计制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广、空间域名、网络空间、企业邮箱。业务覆盖沈河地区。

所谓径向渐变（RadialGradients）就是由它们的中心开始定义。

代码示例如下：

.container{

text-align:center;

padding:20px0;

width:960px;

margin:0auto;

}

.containerdiv{

width:200px;

height:150px;

display:inline-block;

margin:2px;

color:#ec8007;

vertical-align:top;

line-height:230px;

font-size:20px;

}

.radial{

background:radial-gradient(#4b6c9c,#5ac4ed);

}

Radial径向渐变