记得有个师兄在一个分享讲座中提到了由内到外渐变,为了实现这种效果,就用图片去做背景,假如加载得太多图片会使网页加载得很慢,所以有必要跟boss“吵架”!那时候我就觉得好像有点不科学,不过因为要复习所以没去探讨,今日无聊起来就自己写了个小demo,呵呵!有时候不一定要跟BOSS吵架,或许能提高自己的技术来适应boss的需求。
废话不说,先看代码:
html:
test
杀
不
住
的
海
鲜
css:
*{
margin: 0;
padding: 0;
}
.box{
float: left;
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
text-align: center;
margin: 20px auto auto 20px;
}
.box-1{
background:-webkit-gradient(radial,25 25,0,25 25,25,from(#dffdf6),to(#adffeb));
}
.box