gradients-with-transparent-ref.html (529B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Linear gradient with transparent reference</title> 4 <style> 5 .test { 6 width: 200px; 7 height: 100px; 8 margin-left: 90px; 9 } 10 .gradient { 11 background-image: linear-gradient(to left, blue 0%, blue 20%, rgba(0,0,255,0)); 12 } 13 </style> 14 15 <body> 16 <p>Gradient using 'transparent'</p> 17 <div id="gradient1" class="test gradient"></div> 18 <br /> 19 <p>Gradient using rgba(0,0,255,0)</p> 20 <div id="gradient2" class="test gradient"></div> 21 </body>