blob: 8c437cbee47e0b225b25befa1e81aab4452d5a3c [file] [log] [blame]
<!DOCTYPE html>
<!--
| Non-centered radial gradient. This is derived from example 18 here:
| https://www.w3.org/TR/2012/CR-css3-images-20120417/#radial-gradients
-->
<html>
<head>
<style>
.gradient1 {
background: radial-gradient(farthest-side at left bottom, red, yellow 50px, green);
width: 400px;
height: 200px;
}
</style>
</head>
<body>
<div class="gradient1"></div>
</body>
</html>