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徑向漸變作爲模式覆蓋背景像蘋果公司的

回答

相關問題