Hi there webdevs,
here is an example that works in Firefox, Safari, Chrome and partially in Opera...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>radial gradient</title>
<style type="text/css">
body {
background-color:#f0f0f0;
}
div {
width:400px;
height:400px;
border:1px solid #5af;
margin:50px auto;
border-radius:201px;
box-shadow:16px 16px 16px rgba(0,0,0,0.4);
background:-webkit-radial-gradient( circle, #0ff 0%,rgba(0, 0, 255, 0) 100%, #00f 95%);
background:radial-gradient( circle, #0ff 0%, rgba(0, 0, 255, 0) 100%, #00f 95%);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
..and some...
Further reading:-
coothead