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径向渐变