Home >Web Front-end >CSS Tutorial >Linear gradient with multiple color stops

Linear gradient with multiple color stops

WBOYforward: 2023-08-31 09:53:11735browse

For multiple color stops in a linear gradient, you can try running the following code:

Example

Live demonstration

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: linear-gradient(blue, orange, yellow, gray);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Mutiple Color Stops</div><br>
   </body>
</html>

The above is the detailed content of Linear gradient with multiple color stops. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：How to set a variable not equal to any value in SASS?Next article：How to set a variable not equal to any value in SASS?

See more

Linear gradient with multiple color stops

Example

Related articles