cross-fade-target-alpha-ref.html (619B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS reftest Reference</title> 5 <style> 6 .outer { 7 display:block; 8 width: 500px; 9 height: 500px; 10 padding: 50px; 11 background: linear-gradient(90deg, red, green); 12 } 13 .inner { 14 display: block; 15 width: 100%; 16 height: 100%; 17 color: white; 18 background: linear-gradient(#e66465, #9198e5); 19 opacity: 0.6; 20 } 21 </style> 22 </head> 23 <p>The inner gradient should be (in total) 60% covering over the outer.</p> 24 <div class="outer"> 25 <div class="inner"> 26 </div> 27 </div> 28 </html>