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);
}
关于“CSS3如何实现径向渐变效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
本文名称:CSS3如何实现径向渐变效果
标题URL:http://pwwzsj.com/article/psijdh.html