Create an evenly spaced color stops with CSS Radial Gradients

CSSWeb DevelopmentFront End Technology

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

Example

Live Demo

<!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>
raja
Published on 16-May-2018 14:27:30
Advertisements