我似乎无法正确理解。我想要一个类似于 Apple 的径向渐变叠加,但我所做的一切似乎都没有接近。我希望中心圆的半径为 25%,但半径为 350px。
问问题
2005 次
1 回答
0
他们这样做,但我见过更新版本的用户 a <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-14T15:19:55.560 回答