محرر ويب أونلاين

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <style>
.gradient {
    height: 200px;
    background: green;
    background: 
        linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70%),
        linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70%),
        linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70%);
}
        </style>
    </head>
    <body>
        <h1>Multiple Linear Gradient Colors</h1>
        <div class="gradient"></div>
        <p><b>Note:</b> Colors must have transparency in
            order to set multiple linear gradient color.</p>
    </body>
</html> 