Create an evenly spaced color stops with CSS Radial Gradients

CSS Web Development Front End Technology

Define at least two color stops to create an evenly spaced color stops with Radial Gradients with CSS:

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: radial-gradient(orange, green, yellow);
         }
      </style>
   </head>
   <body>
      <h2>Radial Gradient</h2>
      <div id = "demo">Radial Gradients</div><br>
   </body>
</html>

Daniol Thomas

Published on 16-May-2018 17:57:30

Previous Page Print Page