gradient-to-transparent-ref.html (602B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 4 <title>CSS Gradient test: gradients to/from transparent</title> 5 6 <style> 7 .test { 8 display: inline-block; 9 width: 25px; 10 height: 100px; 11 margin: 10px; 12 } 13 .b { 14 background: linear-gradient(rgba(255 0 0 / 0), 75%, red); 15 } 16 .e { 17 background: linear-gradient(blue, 75%, rgba(0 0 255 / 0)); 18 } 19 </style> 20 21 <p>All three gradients should look the same:</p> 22 <div class="test b"></div> 23 <div class="test b"></div> 24 <div class="test b"></div> 25 26 <p>All three gradients should look the same:</p> 27 <div class="test e"></div> 28 <div class="test e"></div> 29 <div class="test e"></div>