How to create fading effect with CSS

CSSWeb DevelopmentFront End Technology

To create a fading effect with CSS, use the c You can try to run the following code for fading effect:

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
               background: linear-gradient(to right, rgba(255,50,30,0), rgba(255,50,30,1));
            }
         </style>
      </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Fading Effect</div><br>
   </body>
</html>
raja
Published on 16-May-2018 12:47:14
Advertisements