conic-gradient-001-ref.html (959B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <title>Tests the maximum value of color stops in conic-gradient().</title> 5 <style> 6 body { 7 background-color: lightblue; 8 } 9 10 .test { 11 display: flex; 12 flex-wrap: wrap; 13 } 14 15 li { 16 width: 100px; 17 height: 100px; 18 margin-right: 30px; 19 margin-bottom: 30px; 20 outline: 1px solid black; 21 font-size: 14px; 22 text-align: center; 23 background: lime; 24 } 25 </style> 26 <p>Should be lime in the background of all boxes.</p> 27 <ol class="test"> 28 <li>0 999999999%</li> 29 <li>0 calc(Infinity * 0%)</li> 30 <li>0 calc(Infinity * 1%)</li> 31 <li>calc(Infinity * 0%) 100%</li> 32 <li>calc(Infinity * 1%) 100%</li> 33 <li>calc(Infinity * -1%) 100%</li> 34 <li>0% calc(Infinity * 1%)</li> 35 <li>from calc(Infinity * 1deg)</li> 36 <li>from calc(Infinity * 0deg)</li> 37 </ol>