青岛网站制作：如何使用css3给图片实现渐变效果？我们用填充式径向渐变repeating-radial-gradient是对渐变的填充。

使用语法：

radial-gradient([circle||][at]?,|[ellipse||[|]{2}][at]?,|[[circle|ellipse]||][at]?,|at,[,]+)


代码示例：

<style>
div{
width:300px;
height:150px;
border:1pxsolid#ddd;
float:left;
margin:10px;
}
.c1{
background:repeating-radial-gradient(circle,#f000,#ff010%,#f0015%);
}
.c2{
background:repeating-radial-gradient(
attopleft,
#f00,
#ff010%,
#08015%,
#ff020%,
#f0025%
);
}
.c3{
background:repeating-radial-gradient(
circleclosest-cornerat20px50px,
#f00,
#ff010%,
#08020%,
#ff030%,
#f0040%
);
}
</style>

<divclass="c1"></div>
<divclass="c2"></div>
<divclass="c3"></div>

　　以上是青岛网站建设中使用css3给图片实现渐变效果的方法之一，要想了解更多内容请到city86官网查看更多网站制作相关内容。
更多网站制作小知识请关注青岛诚企建站，http://www.city86.com 或者微信扫码在线沟通。青岛诚企建站，专业网站制作，程序开发，网页设计。

本文地址：http://www.city86.com/news_view_457/