使用放射渐变制作光影效果

zeroone001

于 2014-12-20 22:18:27 发布

阅读量839

点赞数

文章标签：前端 CSS

// HTML代码
<div class="box">赞</div>  

// CSS代码：
.box{  
    width: 200px;  
    height: 200px;  
    font-size: 80px;  
    line-height: 200px;  
    text-align: center;  
background: -webkit-radial-gradient(#feb3ad, #fd695d); 
background: -o-radial-gradient(#feb3ad, #fd695d);
background: -moz-radial-gradient(#feb3ad, #fd695d);
background: radial-gradient(#feb3ad, #fd695d);
}
转载自 --前端乱炖，网址(http://www.html-js.com/article/2532）