| <html> |
| <head> |
| <style> |
| .box { |
| margin: 10px; |
| height: 200px; |
| width: 200px; |
| border: 1px solid black; |
| float: left; |
| } |
| </style> |
| </head> |
| <body> |
| <p>All boxes should look the same.</p> |
| <div class="box" style="background-image: conic-gradient(green, 25%, transparent 0deg)"></div> |
| <div class="box" style="background-image: conic-gradient(green, 90deg, transparent 0)"></div> |
| <div class="box" style="background-image: conic-gradient(green, calc(1 * 100% / 4), transparent 0)"></div> |
| <div class="box" style="background-image: conic-gradient(green, calc(360deg / 4), transparent 0deg)"></div> |
| </body> |
| </html> |
