Syntax error CSS3 Left to right Gradient

CSS3 Left to right Gradient

You can try to run the following code to implement left to right gradient in CSS3

Example

Live Demo

<html>
   <head>
      <style>
         #grad1 {
            height: 100px;
            background: -webkit-linear-gradient(left, red , blue);
            background: -o-linear-gradient(right, red, blue);
            background: -moz-linear-gradient(right, red, blue);
            background: linear-gradient(to right, red , blue);
         }
      </style>
   </head>
   <body>
      <div id = "grad1"></div>
   </body>
</html>
Updated on: 2020-06-29T10:16:37+05:30

202 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements