CSS径向渐变作为模式覆盖背景像苹果公司的

我似乎无法做到正确。我想要一个类似于Apple的放射状渐变叠加层，但我所做的没有任何东西似乎很接近。我希望中心圆的半径为25％，但是会达到350px的半径。CSS径向渐变作为模式覆盖背景像苹果公司的

2011-02-26 Geek Devigner

他们这样做，但我看到新版本用户一个<canvas>。注意，对于IE和Opera，您将需要一个透明的PNG（不包括在下面的CSS代码）

HTML：

<html> 
<head> 
    <link rel="stylesheet" href="gogo.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
</head> 
<body class=" bg"> 
<div class="radialbg"> 
HEELO WORLD 
</div> 
</body> 
</html>

CSS：

body { 
    margin: 0; 
    padding: 0; 
} 

.bg { 
    background: url(pattern.jpeg) repeat; 
} 

.radialbg { 
    background: transparent -webkit-gradient(radial, center center, 50, center center, 460, from(transparent), to(#000)); 
    background: -moz-radial-gradient(circle, transparent, #000); 
    width: 100%; 
    height: 100%; 
}

来源

2011-08-14 15:19:55

CSS径向渐变作为模式覆盖背景像苹果公司的

回答

相关问题