| <!doctype html> |
| <style> |
| .radial::before { width:150px; height:150px; border:2px solid black; |
| content: radial-gradient(circle at 45px 45px, #A7D30C, #019F62 40px, rgba(1,159,98,0) 50px); |
| display: block; |
| } |
| .linear::after { width:130px; height:130px; border:2px solid black; |
| content: linear-gradient(to bottom, #00abeb, #fff 50%, #66cc00 50%, #fff); |
| display: block; |
| } |
| </style> |
| <div class="radial"></div> |
| <div class="linear"></div> |
| |
| <script> |
| if (window.testRunner) { |
| var dumpPixels = true; |
| testRunner.dumpAsText(dumpPixels); |
| } |
| </script> |
