cross-fade-premultiplied-alpha.html (712B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>cross-fade() is done in premultiplied alpha</title> 5 <link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-images-4/#cross-fade-function"> 7 <link rel="match" href="cross-fade-premultiplied-alpha-ref.html"> 8 <meta name="fuzzy" content="1; 40000"> 9 <style> 10 div { 11 margin: 2px; 12 width: 200px; 13 height: 200px; 14 background-image: cross-fade(color(srgb 1.0 0.0 0.0 / 0.01), color(srgb 0.0 1.0 0.0 / 1.0)) 15 } 16 </style> 17 </head> 18 <p>There should be nearly no red in this box (it should be a translucent green).</p> 19 <div></div> 20 </html>